/*
Theme Name: CELMAD CLOUD
Theme URI: https://celmadcloud.com
Author: CELMAD CLOUD
Description: Tema corporativo para hosting, dominios, desarrollo web y tiendas en línea. Integraciones de pago y aprovisionamiento pendientes de configurar.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: celmad-cloud
*/
:root{--navy:#071c3b;--blue:#0867dc;--cyan:#02c7f5;--ink:#122642;--muted:#60708b;--bg:#f5f9ff;--line:#dce8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 42px));margin:auto}.topbar{background:#06172f;color:#c4d6ed;font-size:13px;padding:7px 0}.topbar .wrap{display:flex;justify-content:space-between;gap:12px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e7eff8;box-shadow:0 4px 20px #081b360b}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:88px;height:74px;object-fit:contain}.brand-name{font-weight:900;font-size:19px;letter-spacing:.02em;color:var(--navy)}.brand-name span{color:#008be8}.main-nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.main-nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:12px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#0666dc,#00bce9);color:#fff;box-shadow:0 8px 22px #0873d733}.btn-light{background:#fff;color:var(--blue)}.btn-outline{border:1px solid #9cc7f3;color:var(--blue)}.hero{background:radial-gradient(circle at 85% 20%,#1359a5 0,transparent 40%),linear-gradient(125deg,#06172f,#0b2b58);color:white;padding:85px 0 95px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.19em;font-weight:900;color:#48dafa}.hero h1{font-size:clamp(38px,5vw,67px);line-height:1.1;letter-spacing:-.045em;margin:16px 0 22px}.hero p{color:#d1e5fb;font-size:18px;max-width:610px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;border:1px solid #4e96dc55;background:linear-gradient(140deg,#ffffff14,#ffffff06);border-radius:30px;padding:30px;box-shadow:0 30px 70px #0005}.hero-art img{display:block;width:100%;border-radius:22px;background:white}.hero-art:after{content:'DOMINIOS  •  HOSTING  •  WEB';display:block;text-align:center;letter-spacing:.15em;color:#b4dfff;font-weight:800;font-size:12px;margin-top:17px}.trust{background:#eff7ff;padding:20px 0}.trust-grid{display:flex;gap:25px;justify-content:space-around;flex-wrap:wrap;font-weight:750;color:#24517e;font-size:14px}.section{padding:85px 0}.section.soft{background:var(--bg)}.section-heading{max-width:760px;margin:0 auto 40px;text-align:center}.section-heading h2{font-size:clamp(28px,3.5vw,43px);line-height:1.15;letter-spacing:-.03em;color:var(--navy);margin:10px 0}.section-heading p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.service-card,.plan,.process-card{border:1px solid var(--line);background:white;border-radius:22px;padding:30px;box-shadow:0 12px 30px #13365b08}.service-card:hover,.plan:hover{box-shadow:0 20px 40px #13365b17;transform:translateY(-3px)}.service-card,.plan{transition:.2s}.iconbox{height:57px;width:57px;border-radius:16px;background:#e8f5ff;display:grid;place-items:center;color:var(--blue);font-size:27px}.service-card h3,.plan h3{font-size:21px;margin:18px 0 9px;color:var(--navy)}.service-card p,.plan p,.process-card p{color:var(--muted)}.service-card a,.plan a{font-weight:800;color:var(--blue)}.feature-list{list-style:none;padding:0;margin:18px 0}.feature-list li{padding:7px 0;border-bottom:1px solid #edf2f8}.feature-list li:before{content:'✓';color:#04a9c6;font-weight:900;margin-right:10px}.plan .small{font-size:12px;color:#6b7b91}.plan .price{font-size:37px;font-weight:900;line-height:1.1;color:var(--navy)}.plan .price span{font-size:14px;color:var(--muted);font-weight:600}.plan.featured{border:2px solid var(--blue);position:relative}.tag{background:#0877dc;color:white;font-size:12px;padding:5px 12px;border-radius:20px;font-weight:800;display:inline-block}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step-no{font-size:38px;font-weight:900;color:#b7d9f7}.process-card h3{margin:8px 0}.cta{background:linear-gradient(120deg,#06234b,#0868d8);color:#fff;border-radius:28px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:35px}.cta h2{font-size:34px;line-height:1.2;margin:0 0 10px}.cta p{margin:0;color:#d7eaff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-panel{background:#f4f9ff;padding:32px;border-radius:24px}.contact-panel h3{margin-top:0}.contact-panel p{color:var(--muted)}.contact-panel a{color:var(--blue);font-weight:800}.site-footer{background:#06172f;color:#c4d5eb;padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.site-footer h3{color:white}.site-footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #ffffff24;margin-top:30px;padding-top:20px;font-size:13px}.page-content{padding:75px 0;min-height:55vh}.page-content h1{color:var(--navy)}.menu-toggle{display:none;border:1px solid #d5e6f6;border-radius:10px;background:white;padding:8px 13px;font-size:20px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-art{max-width:430px}.cards,.steps{grid-template-columns:repeat(2,1fr)}.main-nav{display:none;position:absolute;top:89px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;padding:22px;box-shadow:0 15px 25px #0002}.main-nav.open{display:flex}.menu-toggle{display:block}.nav-wrap>.btn{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards,.steps,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero{padding:60px 0}.section{padding:60px 0}.cta{padding:30px;display:block}.cta .btn{margin-top:24px}.topbar .wrap{display:block;text-align:center}.brand img{width:65px;height:60px}.brand-name{font-size:16px}.nav-wrap{min-height:78px}.main-nav{top:78px}}