/*
Theme Name: SRNAME
Theme URI: https://srname.com/
Author: SRNAME
Description: Tema corporativo moderno para SRNAME: hosting, dominios, streaming, apps y desarrollo de software.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: srname
*/

:root{
  --sr-bg:#07111f;
  --sr-bg2:#0c1b30;
  --sr-card:#0f2239;
  --sr-text:#f4f8fc;
  --sr-muted:#a9bad0;
  --sr-primary:#4f8cff;
  --sr-primary2:#7c5cff;
  --sr-accent:#27d3c2;
  --sr-border:rgba(255,255,255,.10);
  --sr-shadow:0 24px 70px rgba(0,0,0,.28);
  --sr-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,var(--sr-bg),#091827 55%,#f6f8fb 55%);color:var(--sr-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.sr-container{width:min(1160px,92%);margin:auto}
.sr-header{position:sticky;top:0;z-index:100;background:rgba(7,17,31,.78);backdrop-filter:blur(16px);border-bottom:1px solid var(--sr-border)}
.sr-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sr-logo{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:1.35rem}
.sr-logo svg{width:38px;height:38px}
.sr-menu{display:flex;align-items:center;gap:24px;font-size:.94rem;color:#d9e4f1}
.sr-menu a:hover{color:#fff}
.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 18px;font-weight:700;border:1px solid var(--sr-border);transition:.2s ease;cursor:pointer}
.sr-btn-primary{background:linear-gradient(135deg,var(--sr-primary),var(--sr-primary2));border:0;box-shadow:0 12px 28px rgba(79,140,255,.22)}
.sr-btn-primary:hover{transform:translateY(-2px)}
.sr-btn-ghost{background:rgba(255,255,255,.04)}
.sr-mobile{display:none;background:none;border:0;color:#fff;font-size:1.5rem}

.sr-hero{position:relative;overflow:hidden;padding:94px 0 80px;background:
 radial-gradient(circle at 82% 18%,rgba(79,140,255,.28),transparent 30%),
 radial-gradient(circle at 20% 0%,rgba(39,211,194,.13),transparent 28%),
 var(--sr-bg)}
.sr-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}
.sr-eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(79,140,255,.32);background:rgba(79,140,255,.08);border-radius:999px;color:#bcd5ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sr-hero h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:.98;letter-spacing:-.06em;margin:18px 0}
.sr-gradient{background:linear-gradient(110deg,#fff 15%,#73a8ff 55%,#8c73ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-hero p{font-size:1.12rem;color:var(--sr-muted);max-width:650px}
.sr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.sr-trust{display:flex;gap:22px;flex-wrap:wrap;color:#8fa5bd;font-size:.88rem}
.sr-trust strong{color:#fff}
.sr-visual{position:relative;min-height:420px}
.sr-orbit{position:absolute;inset:30px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:inset 0 0 70px rgba(79,140,255,.06)}
.sr-dashboard{position:absolute;left:6%;right:2%;top:48px;background:linear-gradient(145deg,#102844,#0b192a);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;box-shadow:var(--sr-shadow);transform:rotate(1deg)}
.sr-dash-top{display:flex;gap:7px;margin-bottom:16px}.sr-dot{width:8px;height:8px;border-radius:50%;background:#5c7189}
.sr-dash-body{display:grid;grid-template-columns:85px 1fr;gap:14px}
.sr-side,.sr-mainbox{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);border-radius:14px}
.sr-side{padding:12px}.sr-side div{height:10px;background:rgba(255,255,255,.10);border-radius:8px;margin:10px 0}
.sr-mainbox{padding:15px}.sr-chart{height:150px;border-radius:12px;background:linear-gradient(180deg,rgba(79,140,255,.15),transparent);position:relative;overflow:hidden}
.sr-chart:after{content:"";position:absolute;left:-5%;right:-5%;bottom:18px;height:95px;border-top:2px solid #6ea0ff;transform:skewY(-8deg);box-shadow:0 15px 30px rgba(79,140,255,.12)}
.sr-floating{position:absolute;background:#122a45;border:1px solid rgba(255,255,255,.1);padding:14px 16px;border-radius:16px;box-shadow:var(--sr-shadow);font-size:.84rem}
.sr-f1{right:-5%;top:20px}.sr-f2{left:-7%;bottom:55px}.sr-f3{right:8%;bottom:0}
.sr-icon{font-size:1.35rem}

.sr-domain{margin-top:-2px;padding:34px 0;background:#f6f8fb;color:#142236}
.sr-domain-box{background:linear-gradient(135deg,#fff,#eef4ff);border:1px solid #e3e9f3;border-radius:24px;padding:26px;box-shadow:0 18px 55px rgba(19,44,77,.10)}
.sr-domain h2{margin:0 0 5px;font-size:1.8rem;letter-spacing:-.03em}
.sr-domain p{margin:0 0 16px;color:#64748b}
.sr-domain-form{display:flex;gap:10px}.sr-domain-input{flex:1;min-width:0;border:1px solid #d7dfeb;border-radius:12px;padding:14px 16px;font-size:1rem;outline:none}.sr-domain-input:focus{border-color:#6c9cff;box-shadow:0 0 0 4px rgba(79,140,255,.10)}
.sr-domain-result{margin-top:14px;color:#53657a;font-size:.92rem}

.sr-light{background:#f6f8fb;color:#17263a;padding:85px 0}
.sr-section-head{text-align:center;max-width:720px;margin:0 auto 42px}.sr-section-head span{color:#477fe5;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.sr-section-head h2{font-size:clamp(2rem,4vw,3.1rem);letter-spacing:-.05em;line-height:1.05;margin:10px 0}.sr-section-head p{color:#65758a}
.sr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sr-card{background:#fff;border:1px solid #e4e9f0;border-radius:var(--sr-radius);padding:28px;box-shadow:0 12px 40px rgba(26,45,70,.06)}
.sr-card:hover{transform:translateY(-4px);transition:.2s}.sr-card-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;color:#467fe7;font-size:1.35rem;margin-bottom:20px}.sr-card h3{margin:0 0 8px;font-size:1.22rem}.sr-card p{color:#68788c;margin:0 0 18px}.sr-link{color:#356fda;font-weight:800;font-size:.92rem}

.sr-pricing{background:#fff;color:#17263a;padding:80px 0}.sr-price-card{position:relative}.sr-price{font-size:2.6rem;font-weight:900;letter-spacing:-.05em}.sr-price small{font-size:.9rem;color:#718096;font-weight:600}.sr-features{list-style:none;padding:0;margin:18px 0 24px}.sr-features li{padding:8px 0;color:#5f7187;border-bottom:1px solid #edf0f4}.sr-featured{border:2px solid #5a8cff;box-shadow:0 20px 55px rgba(79,140,255,.16)}.sr-badge{position:absolute;right:18px;top:18px;background:#edf3ff;color:#477fe5;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900}

.sr-dark{padding:85px 0;background:var(--sr-bg2)}.sr-dark .sr-section-head p{color:#9eb0c5}.sr-dark .sr-section-head h2{color:#fff}.sr-dark .sr-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);color:#fff}.sr-dark .sr-card p{color:#9eb0c5}.sr-dark .sr-card-icon{background:rgba(79,140,255,.12);color:#8bb1ff}
.sr-cta{padding:70px 0;background:linear-gradient(135deg,#0d1c30,#101f36);text-align:center}.sr-cta h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 12px;letter-spacing:-.05em}.sr-cta p{color:#9eb0c5;max-width:650px;margin:0 auto 24px}

.sr-footer{background:#050c16;color:#91a5bc;padding:45px 0 25px}.sr-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.sr-footer h4{color:#fff;margin-top:0}.sr-footer a{display:block;margin:9px 0;color:#91a5bc}.sr-footer a:hover{color:#fff}.sr-copy{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:20px;font-size:.82rem}
.sr-notice{font-size:.9rem;padding:12px 15px;border-radius:12px;background:#eef7ff;color:#24518d;margin-top:15px;display:none}
@media(max-width:900px){.sr-menu{display:none}.sr-mobile{display:block}.sr-hero-grid{grid-template-columns:1fr}.sr-visual{min-height:350px}.sr-grid{grid-template-columns:1fr 1fr}.sr-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sr-hero{padding-top:65px}.sr-grid{grid-template-columns:1fr}.sr-domain-form{flex-direction:column}.sr-dashboard{left:0;right:0}.sr-f1{right:0}.sr-f2{left:0}.sr-footer-grid{grid-template-columns:1fr}.sr-nav{height:68px}.sr-actions .sr-btn{width:100%}}