/*
Theme Name: Conecta Eclipse
Theme URI: https://conecta-multimedia.net
Author: Conecta Multimedia
Description: Tema oscuro premium para streaming, hosting y combos con fondo personalizable y redes sociales.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: conecta-eclipse
*/
:root{--bg:#060912;--panel:#0e1525;--stroke:#26304a;--white:#f5f7ff;--muted:#9da9c4;--cyan:#3ee6f5;--purple:#9d68ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--cyan)}.shell{width:min(1160px,calc(100% - 44px));margin:auto}.site-header{position:relative;z-index:5;background:#070b16f2;border-bottom:1px solid #1c2540}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.brand-text{font-size:17px;font-weight:850;letter-spacing:.07em;white-space:nowrap}.brand-text em{color:var(--cyan);font-style:normal}.brand-symbol{color:var(--purple);font-size:24px}.custom-logo{max-width:245px;max-height:65px;width:auto;height:auto}.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:20px;padding:0;margin:0}.main-nav a{font-size:13px;color:#d4ddf2;font-weight:650}.main-nav a:hover{color:var(--cyan)}.hero{background:linear-gradient(90deg,#060912f7 5%,#080d1de8 48%,#080c19ad),linear-gradient(0deg,#060912 0%,transparent 45%),var(--hero-image) center/cover no-repeat;min-height:590px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,#6331c729,transparent 35%);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:65px;padding:96px 0 100px}.pill{font-size:10px;letter-spacing:.19em;font-weight:800;color:#b4c6ed}.dot{display:inline-block;background:var(--cyan);height:7px;width:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 13px var(--cyan)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(45px,5.2vw,76px);line-height:1.07;letter-spacing:-.065em;margin:22px 0 24px;max-width:720px}.hero p{color:#bac7df;font-size:18px;max-width:540px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;border-radius:8px;padding:13px 20px;font-weight:750;font-size:14px}.primary{background:linear-gradient(110deg,#38d4e7,#9672fa);color:#071020}.primary:hover{color:#071020;filter:brightness(1.15)}.ghost{border:1px solid #6a789b;color:#e5eaff}.hero-frame{min-height:330px;border:1px solid #6379aa75;border-radius:19px;background:linear-gradient(140deg,#121c3480,#0b1122c7);box-shadow:0 24px 100px #0008,inset 0 0 50px #4b3d9d25;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.hero-frame:before,.hero-frame:after{content:"";position:absolute;border:1px solid #51dff86e;border-radius:50%;width:245px;height:245px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(20deg);box-shadow:0 0 60px #39cfe540}.hero-frame:after{width:165px;height:165px;border-color:#aa75ffbb;box-shadow:0 0 60px #9c67fa8c}.hero-frame>span,.frame-bottom{position:relative;z-index:1;font-size:10px;letter-spacing:.16em;font-weight:800;color:#c7d5f0}.frame-bottom{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.frame-bottom b{color:var(--cyan)}.strip{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:21px 0;border-bottom:1px solid var(--stroke);color:#7c8cad;font-size:11px;font-weight:800;letter-spacing:.16em}.services{padding:92px 0 100px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:38px}.section-top p{max-width:390px;color:var(--muted);font-size:14px}.kicker{font-size:11px;letter-spacing:.22em;color:var(--cyan);font-weight:800}.section-top h2,.banner h2{font-size:clamp(30px,4vw,49px);line-height:1.16;letter-spacing:-.045em;margin:14px 0 0}.accent{color:var(--purple)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-card{background:linear-gradient(150deg,#151d32,#0c1220);border:1px solid #283550;border-radius:16px;min-height:280px;padding:27px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-5px);border-color:#56d7f48a}.card-top{display:flex;justify-content:space-between;align-items:center;color:#8da1c7;font-size:10px;letter-spacing:.14em;font-weight:800}.card-icon{display:grid;place-items:center;font-size:29px;color:var(--cyan);width:54px;height:54px;background:#19354b;border-radius:14px}.service-card h3{font-size:25px;margin:32px 0 8px}.service-card p{color:var(--muted);font-size:14px}.service-card a{color:var(--cyan);font-weight:750;font-size:13px;margin-top:auto;padding-top:25px;display:flex;justify-content:space-between}.banner{background:linear-gradient(110deg,#121a30,#20123b);border-top:1px solid #3b3465;border-bottom:1px solid #3b3465}.banner-inner{padding:65px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.banner p{color:#adb7d3;margin:14px 0 0}.footer{padding:45px 0;background:#04060c}.foot{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.foot strong{font-size:14px;letter-spacing:.08em}.foot p,.foot small{color:#8795b4;font-size:12px}.social{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.content{padding:80px 0;min-height:60vh}.content h1{font-size:clamp(36px,5vw,56px)}.entry{padding:25px 0;border-bottom:1px solid var(--stroke)}.entry-body{max-width:860px;color:#d0d9ed}.entry-body a{color:var(--cyan);text-decoration:underline}.entry-body input,.entry-body textarea{max-width:100%}.entry-body img{max-width:100%;height:auto}.entry-body table{display:block;max-width:100%;overflow-x:auto}.entry-body th,.entry-body td{border:1px solid var(--stroke);padding:10px}@media(max-width:900px){.nav{flex-direction:column;padding:17px 0}.main-nav ul{justify-content:center;gap:12px}.hero-layout{grid-template-columns:1fr;padding:75px 0}.hero-frame{min-height:250px}.cards{grid-template-columns:1fr}.section-top,.banner-inner{align-items:start;flex-direction:column}}@media(max-width:520px){.shell{width:calc(100% - 30px)}.hero h1{font-size:45px}.hero-layout{gap:30px}.hero-frame{min-height:220px}.strip{font-size:9px}.services{padding:65px 0}.service-card{min-height:245px}}