/* Ignacio Bravo - Design System Theme:Daikin Blue & Black Premium Status:Technical Hardened 4.0 */ :root{/* Colors */ --primary:#00A0E4;/* Daikin Blue */ --primary-glow:rgba(0, 160, 228, 0.15);--bg-dark:#020617;/* Deep Slate (Pro Dark) */ --bg-card:rgba(30, 41, 59, 0.5);/* Semi-transparent Slate */ --text-main:#f8fafc;--text-muted:#94a3b8;--border:rgba(255, 255, 255, 0.08);--glass-bg:rgba(15, 23, 42, 0.92);/* Fonts — Nota:sin signo +, ese es solo para URLs de Google Fonts */ --font-main:'Inter', sans-serif;--font-accent:'Space Grotesk', sans-serif;/* Fix:era 'Space+Grotesk' */ /* Spacing */ --section-padding:160px;--container-max:1300px;/* Effects */ --radius-pro:24px;--shadow-pro:0 20px 40px -10px rgba(0, 0, 0, 0.5);--transition-pro:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);} *{margin:0;padding:0;box-sizing:border-box;} body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;} /* Bloquear scroll cuando el menú móvil está abierto */ body.menu-open{overflow:hidden;} /* Accessiblity:Focus States */ :focus-visible{outline:2px solid var(--primary);outline-offset:4px;} @keyframes fadeInScale{from{opacity:0;transform:scale(0.98) translateY(10px);} to{opacity:1;transform:scale(1) translateY(0);}} .animate-reveal{opacity:0;} .animate-reveal.visible{animation:fadeInScale 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} .reveal-left{opacity:0;transform:translateX(-30px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);} .reveal-right{opacity:0;transform:translateX(30px);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);} .reveal-left.visible, .reveal-right.visible{opacity:1;transform:translateX(0);} /* --- HEADER & NAVIGATION --- */ header{position:fixed;top:0;left:0;width:100%;height:80px;padding:0 5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;border-bottom:1px solid var(--border);transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} header::after{content:'';} header.scroll-down{transform:translateY(-100%);opacity:0;} header.scroll-up{transform:translateY(0);background:var(--glass-bg);box-shadow:0 10px 30px rgba(0,0,0,0.5);} .logo{font-family:var(--font-accent);font-weight:700;font-size:1.4rem;letter-spacing:-0.5px;color:#fff;text-decoration:none;} .logo span{color:var(--primary);} .social-icon{text-decoration:none;display:inline-flex;align-items:center;color:#fff;transition:var(--transition-pro);} .social-icon:hover svg{opacity:1!important;color:var(--primary);transform:scale(1.2);} nav{justify-self:center;} nav ul{display:flex;list-style:none;gap:clamp(15px, 2vw, 40px);padding:0;margin:0;} nav a{text-decoration:none;font-family:var(--font-accent);font-weight:600;font-size:0.95rem;color:#fff!important;transition:var(--transition-pro);text-transform:uppercase;letter-spacing:1px;display:inline-block;} nav ul li:first-child a{font-size:1.1rem;letter-spacing:1.5px;color:var(--primary)!important;} nav a:hover, nav a.active{color:var(--primary)!important;transform:scale(1.05);} nav a:visited{color:#fff!important;} a:visited{color:inherit;} .btn-contact{background:var(--primary);color:#020617;padding:10px 24px;border-radius:100px;text-decoration:none;font-weight:700;font-size:0.85rem;transition:var(--transition-pro);} .btn-contact:visited{color:#020617!important;} .btn-contact:hover{background:#fff;transform:translateY(-2px);} .btn-ghost{background:transparent;border:1px solid #fff;color:#fff!important;padding:10px 24px;border-radius:100px;text-decoration:none;font-weight:700;font-size:0.85rem;transition:all 0.3s ease;display:inline-block;} .btn-ghost:visited{color:#fff!important;} .btn-ghost:hover{background:#fff;color:var(--bg-dark)!important;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px rgba(0, 160, 228, 0.2);} /* --- BURGER MENU (MOBILE ONLY) --- */ .burger{display:none;cursor:pointer;background:transparent;border:none;padding:10px;z-index:1100;} .burger div{width:25px;height:2px;background:#fff;margin:5px;transition:0.3s;} /* Animación del botón hamburguesa */ .burger.toggle div:nth-child(1){transform:rotate(-45deg) translate(-5px, 5px);} .burger.toggle div:nth-child(2){opacity:0;} .burger.toggle div:nth-child(3){transform:rotate(45deg) translate(-5px, -5px);} /* Overlay semitransparente detrás del menú móvil */ .nav-backdrop{display:none;position:fixed;inset:80px 0 0 0;background:rgba(2, 6, 23, 0.7);z-index:900;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity 0.4s ease;} .nav-backdrop.active{display:block;opacity:1;} @media (max-width:1100px){nav{position:fixed;top:80px;right:-85vw;width:80vw;height:calc(100vh - 80px);background:var(--bg-dark);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:50px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:var(--transition-pro);box-shadow:-20px 0 50px rgba(0,0,0,0.6);border-left:1px solid var(--border);z-index:1000;} nav.active{right:0;} nav ul{flex-direction:column;gap:22px;text-align:center;width:100%;} /* "Ignacio Bravo" más grande en móvil — es la marca, debe destacar */ nav ul li:first-child a{font-size:1.4rem;margin-bottom:4px;} nav a{font-size:1.05rem;} .burger{display:block;} .btn-contact{display:none;} header{display:flex;justify-content:space-between;} header::after{display:none;}} /* --- MAIN CONTENT & HERO --- */ main{padding-top:0;} .hero-bg{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 5% 0;background-size:cover;background-position:center;} /* WebP hero:sirve imagen optimizada a navegadores modernos (95%+ soporte) */ .hero-bg.hero-webp{background-image:url('../img/0aa981deb171bfcaec31a7d5c0d2cfa0df0abf57.webp');} .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(2, 6, 23, 0.35) 0%, rgba(2, 6, 23, 0.92) 100%);z-index:1;} .hero-content{position:relative;z-index:2;} /* --- HERO DE PÁGINAS INTERIORES (fix estructura) --- */ .page-hero-section{padding:160px 5% 30px;text-align:center;max-width:var(--container-max);margin:0 auto;} .page-hero-eyebrow{color:var(--primary);font-weight:700;letter-spacing:3px;text-transform:uppercase;font-size:0.8rem;margin-bottom:20px;display:block;} .page-hero-title{font-size:clamp(3rem, 8vw, 4.5rem);font-family:var(--font-accent);line-height:1.1;color:#fff;margin-bottom:24px;} .page-hero-description{font-size:1.2rem;color:rgba(255, 255, 255, 0.8);max-width:700px;margin:0 auto;} /* --- SECCIÓN DE CONTENIDO ESTÁNDAR --- */ .section-content{padding:30px 5% 80px;max-width:var(--container-max);margin:0 auto;} /* --- LAYOUT FLEX REUTILIZABLE --- */ .flex-layout{display:flex;gap:clamp(30px, 5vw, 80px);align-items:center;flex-wrap:wrap;} .flex-layout .flex-main{flex:1.2;min-width:280px;} .flex-layout .flex-media{flex:1;min-width:280px;text-align:center;} /* --- BENTO GRID SYSTEM --- */ .bento-grid{display:grid;grid-template-columns:repeat(12, 1fr);gap:24px;margin-top:16px;} .card{background:var(--bg-card);padding:40px;border-radius:var(--radius-pro);border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);position:relative;overflow:hidden;} .card:hover{transform:translateY(-8px);background:rgba(255, 255, 255, 0.03);border-color:rgba(0, 160, 228, 0.4);box-shadow:0 30px 60px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 160, 228, 0.1);} /* Photo Frames */ .integrated-frame{position:relative;display:inline-block;} .img-pro{border-radius:var(--radius-pro);box-shadow:var(--shadow-pro);transition:var(--transition-pro);max-width:100%;height:auto;} /* Timeline System */ .timeline{position:relative;max-width:900px;margin:60px auto;} .timeline::after{content:'';position:absolute;width:2px;background:var(--primary);top:0;bottom:0;left:50%;margin-left:-1px;} .timeline-item{padding:20px 40px;position:relative;width:50%;} @media (max-width:768px){.bento-grid{grid-template-columns:1fr;} .card{grid-column:span 1!important;/* Reducir padding excesivo en móvil */ padding:24px!important;} .timeline::after{left:20px;} .timeline-item{width:100%;padding-left:50px;} .page-hero-section{padding:120px 5% 50px;} /* Evitar overflow horizontal en cualquier elemento */ *{max-width:100%;} img{max-width:100%!important;height:auto!important;} /* Corregir gaps y flex en tarjetas de contenido */ .card .is-2de2e9ba, .card .is-c3791470{gap:24px!important;} .card .is-77d8b2f6, .card .is-ca79c81e, .card .is-49cdf874, .card .is-21d95830, .card .is-03e5ebed, .card .is-77d8b2f6, .card .is-5df0a2c7, .card .is-ec2eba2b, .card .is-b10f2fe9, .card .is-6aa459f8, .card .is-6311c940, .card .is-ca79c81e, .card .is-6293f473, .card .is-a254d477, .card .is-4a7cee10, .card .is-b9cd869a{flex:1 1 100%!important;} /* Escalar h2/h3 inline sobreescritos a tamaños cómodos */ .card h2{font-size:clamp(1.8rem, 7vw, 2.5rem)!important;} .card h3{font-size:clamp(1.3rem, 5vw, 1.8rem)!important;} article h2{font-size:clamp(1.8rem, 7vw, 2.4rem)!important;} article h3{font-size:clamp(1.2rem, 5vw, 1.7rem)!important;} /* Featured book card en publicaciones:quitar padding excesivo */ .card.is-c3791470, .card.is-62ec4480{padding:24px!important;} /* Imagen libro en tarjeta destacada:centrar y limitar altura */ .card .integrated-frame img, .card picture img{max-height:300px!important;transform:none!important;} /* Sección hero de index */ .hero-main-title{font-size:clamp(2.8rem, 10vw, 5rem);} .hero-description{font-size:1.1rem;} /* Sección propósito */ .section-proposito{padding:60px 5%;} /* Bento section en index con margin */ section.is-20a1eaf1{margin:0 8px!important;padding:60px 4%!important;} section.is-20a1eaf1 h2{font-size:clamp(1.8rem, 7vw, 2.4rem)!important;margin-bottom:30px!important;}} /* --- TEXT LINKS --- */ .link-text{color:var(--primary);font-weight:700;text-decoration:underline;text-underline-offset:4px;transition:var(--transition-pro);} .link-text:hover{color:#fff;text-decoration-color:#fff;} /* --- UTILITIES & EXTRACTION --- */ .section-proposito{padding:120px 5%;max-width:var(--container-max);margin:0 auto;} .section-proposito .flex-layout{gap:clamp(30px, 5vw, 80px);/* responsive en móvil */} .hero-subtitle-top{font-size:1rem;text-transform:uppercase;letter-spacing:5px;color:var(--primary);font-weight:700;margin-bottom:20px;} .hero-main-title{font-size:clamp(3.5rem, 10vw, 6.5rem);font-family:var(--font-accent);line-height:0.9;margin-bottom:40px;color:#fff;} .hero-glow-text{text-shadow:0 0 40px var(--primary-glow);color:var(--primary);} .hero-description{font-size:1.4rem;color:rgba(255,255,255,0.8);max-width:800px;margin:0 auto 50px;} /* --- FOOTER WOW --- */ .site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg, transparent 0%, rgba(0, 160, 228, 0.03) 100%);padding:0;overflow:hidden;} /* Bloque del Libro */ .footer-book{display:flex;align-items:center;gap:clamp(30px, 5vw, 80px);padding:clamp(60px, 8vw, 100px) 5%;max-width:var(--container-max);margin:0 auto;flex-wrap:wrap;} .footer-book-cover{flex-shrink:0;position:relative;} .footer-book-cover img{width:clamp(100px, 15vw, 160px);height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(0, 160, 228, 0.15);transition:var(--transition-pro);transform:rotate(-2deg);} .footer-book-cover img:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 30px 80px rgba(0, 0, 0, 0.7), 0 0 50px rgba(0, 160, 228, 0.25);} .footer-book-info{flex:1;min-width:220px;} .footer-book-eyebrow{display:inline-block;color:var(--primary);font-weight:700;font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;} .footer-book-title{font-family:var(--font-accent);font-size:clamp(1.6rem, 3vw, 2.4rem);line-height:1.1;color:#fff;margin-bottom:12px;} .footer-book-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:28px;max-width:500px;} .footer-book-cta{display:inline-flex;align-items:center;gap:10px;background:var(--primary);color:#020617!important;padding:14px 32px;border-radius:100px;text-decoration:none;font-weight:800;font-size:0.9rem;letter-spacing:0.5px;transition:var(--transition-pro);} .footer-book-cta:hover{background:#fff;transform:translateY(-3px) scale(1.04);box-shadow:0 10px 30px rgba(0, 160, 228, 0.3);} .footer-book-cta:visited{color:#020617!important;} /* Separador */ .footer-divider{height:1px;background:var(--border);max-width:var(--container-max);margin:0 auto;} /* Parte inferior del footer */ .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:40px 5%;max-width:var(--container-max);margin:0 auto;} .footer-nav{display:flex;justify-content:center;gap:clamp(16px, 2.5vw, 32px);flex-wrap:wrap;} .footer-nav a{text-decoration:none;font-family:var(--font-accent);font-size:0.8rem;font-weight:600;color:var(--text-muted)!important;text-transform:uppercase;letter-spacing:1px;transition:color 0.3s ease;} .footer-nav a:hover{color:#fff!important;} .footer-social-links{display:flex;gap:20px;align-items:center;} .footer-copyright{opacity:0.4;font-size:0.8rem;text-align:center;width:100%;padding-bottom:24px;padding-left:5%;padding-right:5%;} @media (max-width:768px){.footer-bottom{flex-direction:column;align-items:center;text-align:center;} .footer-nav{justify-content:center;} .footer-book{flex-direction:column;text-align:center;} .footer-book-subtitle{margin-left:auto;margin-right:auto;}} /* Card label badge */ .card-eyebrow{color:var(--primary);font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;display:block;} /* Botones extra grandes */ .btn-lg{padding:18px 50px!important;font-size:1.1rem!important;} /* ============================================================ UTILITY CLASSES — reemplaza inline styles frecuentes Use estas clases en lugar de style="" en el HTML ============================================================ */ /* --- SECTION HEADINGS --- */ .section-h2{font-family:var(--font-accent);font-size:clamp(2rem, 5vw, 3rem);margin-bottom:20px;} .section-h2-sm{font-family:var(--font-accent);font-size:clamp(1.6rem, 4vw, 2rem);color:var(--primary);} /* --- CARD HEADINGS --- */ .card-h2{font-family:var(--font-accent);font-size:clamp(2rem, 4vw, 3rem);margin-bottom:30px;} .card-h3{font-family:var(--font-accent);font-size:clamp(1.4rem, 3vw, 2rem);margin-bottom:20px;color:var(--primary);} .card-h3-lg{font-family:var(--font-accent);font-size:clamp(1.8rem, 4vw, 2.8rem);margin-bottom:20px;color:var(--primary);} .card-h3-xl{font-family:var(--font-accent);font-size:clamp(2rem, 5vw, 3rem);margin:20px 0;line-height:1;} /* --- CARD TEXT --- */ .card-text{color:var(--text-muted);margin-bottom:20px;line-height:1.7;} .card-text-lg{color:var(--text-muted);font-size:1.2rem;margin-bottom:30px;line-height:1.7;} .card-text-xl{color:var(--text-muted);font-size:1.25rem;margin-bottom:30px;} /* --- POST METADATA (fecha, tiempo de lectura) --- */ .post-meta{color:var(--text-muted);font-size:1rem;margin-top:12px;} /* --- POST BODY --- */ .post-body{font-size:1.2rem;line-height:1.9;color:rgba(255,255,255,0.9);} /* --- BLOCKQUOTE CALLOUT --- */ .callout-quote{border-left:4px solid var(--primary);padding:40px;background:rgba(0, 160, 228, 0.05);border-radius:0 20px 20px 0;font-style:italic;margin:50px 0;color:#fff;font-size:1.4rem;} /* --- SECTION BADGE (tipo "Ingeniería Estratégica") --- */ .section-badge{color:var(--primary);font-weight:700;font-size:0.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;display:block;} /* --- HIGHLIGHTED BADGE PILL (tipo "LIBRO DESTACADO") --- */ .badge-pill{background:var(--primary);color:#020617;padding:6px 16px;border-radius:100px;font-weight:800;font-size:0.8rem;letter-spacing:1px;display:inline-block;margin-bottom:20px;} /* --- POST NAVIGATION (volver / siguiente) --- */ .post-nav{margin-top:80px;padding-top:40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;} /* --- EMOJI ICON BLOCK (para tarjetas de valores) --- */ .card-icon{font-size:2.5rem;margin-bottom:20px;} /* --- SECTION DIVIDER SPACE --- */ .section-mb{margin-bottom:120px;} .section-mb-sm{margin-bottom:60px;} /* --- GALLERY CARD CAPTION AREA --- */ .gallery-caption{padding:20px 24px;} .gallery-caption-label{color:var(--primary);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block;} .gallery-caption-text{color:var(--text-muted);font-size:0.88rem;margin-top:8px;line-height:1.5;} /* --- INFO CALLOUT BOX (nota editorial, aviso) --- */ .info-box{background:rgba(0,160,228,0.08);border:1px solid rgba(0,160,228,0.25);border-radius:16px;padding:24px 30px;margin-bottom:50px;font-size:0.95rem;color:var(--text-muted);} .info-box strong{color:var(--primary);} /* --- DAIKIN TIME COUNTER --- */ .daikin-counter-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 60px auto;padding:30px;background:linear-gradient(180deg, rgba(15,23,42,0.8) 0%, rgba(30,41,59,0.5) 100%);border:1px solid rgba(0, 160, 228, 0.2);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.4), inset 0 2px 20px rgba(0, 160, 228, 0.05);max-width:1100px;backdrop-filter:blur(10px);position:relative;z-index:10;} .daikin-counter-label{color:var(--primary);font-size:0.85rem;font-weight:700;letter-spacing:4px;margin-bottom:25px;text-transform:uppercase;text-shadow:0 0 10px rgba(0, 160, 228, 0.4);} .daikin-counter-digits{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;font-family:var(--font-accent);} .time-block{display:flex;flex-direction:column;align-items:center;background:rgba(0, 0, 0, 0.3);padding:15px 18px;border-radius:12px;border:1px solid rgba(255,255,255,0.05);box-shadow:inset 0 2px 10px rgba(0,0,0,0.5);} .time-block span{font-size:3rem;font-weight:700;color:#fff;line-height:1;text-shadow:0 0 15px rgba(255,255,255,0.3);font-variant-numeric:tabular-nums;} .time-block small{font-size:0.75rem;color:var(--text-muted);margin-top:10px;font-family:var(--font-body);letter-spacing:2px;} .time-colon{font-size:2.5rem;color:var(--primary);font-weight:300;animation:pulse-colon 1s infinite;margin:0;padding-bottom:25px;} @keyframes pulse-colon{0%, 100%{opacity:1;text-shadow:0 0 15px var(--primary);} 50%{opacity:0.3;text-shadow:none;}} @media (max-width:768px){.time-colon{display:none;} .daikin-counter-digits{gap:10px;} .time-block{padding:10px 15px;} .time-block span{font-size:2rem;}} /* ========================================= */ /* FASE 3:UTILITY CLASSES (CSP REFACTORING) */ /* ========================================= */ .social-links-container{display:inline-flex;align-items:center;gap:8px;} .social-icon svg{transition:opacity 0.3s ease, transform 0.3s ease;} .social-icon:hover svg{opacity:1!important;transform:scale(1.1);} .icon-default{fill:currentColor;opacity:0.6;} .icon-spotify{fill:#1ED760;opacity:0.7;} .icon-apple{fill:#B150E2;opacity:0.7;} .icon-ivoox{fill:#FF6B35;opacity:0.7;} .icon-redcircle{opacity:0.7;} .font-accent{font-family:var(--font-accent);} .txt-muted{color:var(--text-muted);} .txt-primary{color:var(--primary);} .no-underline{text-decoration:none;} .text-right{text-align:right;} .text-center{text-align:center;} .mb-20{margin-bottom:20px;} .mb-15{margin-bottom:15px;} .mb-10{margin-bottom:10px;} .pt-0{padding-top:0;} /* ========================================= */ /* FASE 3:AUTO-EXTRACTED INLINE STYLES */ /* ========================================= */ .is-0859ba85{grid-column:span 4!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;} .is-49cdf874{flex:1!important;} .is-1dbaf42b{width:100%!important;height:260px!important;object-fit:cover!important;border-radius:var(--radius-pro) var(--radius-pro) 0 0!important;display:block!important;} .is-5c52b322{padding:20px 24px!important;} .is-e359bf94{color:var(--primary)!important;font-size:0.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;} .is-958d92b2{color:var(--text-muted)!important;font-size:0.88rem!important;margin-top:8px!important;line-height:1.5!important;} .is-6f833f55{grid-column:span 8!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;} .is-c89ec40b{grid-column:span 6!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;} .is-89d7c254{width:100%!important;height:300px!important;object-fit:cover!important;border-radius:var(--radius-pro) var(--radius-pro) 0 0!important;display:block!important;} .is-91e2ae89{margin-bottom:32px!important;} .is-d386885c{color:var(--primary)!important;font-weight:700!important;font-size:0.8rem!important;text-transform:uppercase!important;letter-spacing:2px!important;} .is-c3bf1e2f{font-family:var(--font-accent)!important;font-size:clamp(1.8rem, 4vw, 2.6rem)!important;margin:8px 0 0!important;line-height:1.1!important;} .is-e5d04555{grid-column:span 3!important;padding:0!important;overflow:hidden!important;} .is-27c3e9d5{width:100%!important;height:400px!important;object-fit:cover!important;object-position:center top!important;display:block!important;} .is-93a5f917{padding:18px 20px!important;} .is-11528cef{color:var(--text-muted)!important;font-size:0.85rem!important;margin-top:6px!important;line-height:1.5!important;} .is-aea12579{grid-column:span 12!important;padding:0!important;overflow:hidden!important;} .is-e8671d09{width:100%!important;height:380px!important;object-fit:cover!important;object-position:center 30%!important;display:block!important;} .is-c0725fad{padding:18px 24px!important;} .is-f679216e{color:var(--text-muted)!important;font-size:0.88rem!important;margin-top:6px!important;line-height:1.5!important;} .is-ba03c8d0{grid-column:span 7!important;padding:0!important;overflow:hidden!important;} .is-3f977c49{width:100%!important;height:300px!important;object-fit:cover!important;object-position:center 20%!important;display:block!important;} .is-d14304f7{padding:18px 22px!important;} .is-7c947229{grid-column:span 5!important;padding:0!important;overflow:hidden!important;} .is-00b78978{width:100%!important;height:300px!important;object-fit:cover!important;display:block!important;} .is-95c4fe45{color:var(--text-muted)!important;font-size:0.85rem!important;margin-top:6px!important;} .is-1afbd3bf{width:100%!important;height:280px!important;object-fit:cover!important;object-position:center top!important;display:block!important;} .is-f7693d78{grid-column:span 4!important;padding:0!important;overflow:hidden!important;} .is-8d9522e4{width:100%!important;height:460px!important;object-fit:cover!important;object-position:top!important;display:block!important;} .is-0ab58e29{padding:16px 20px!important;} .is-58705009{grid-column:span 8!important;display:flex!important;flex-direction:column!important;gap:24px!important;} .is-21d95830{padding:0!important;overflow:hidden!important;flex:1!important;} .is-a9d773bb{width:100%!important;height:215px!important;object-fit:cover!important;display:block!important;} .is-73e4d152{width:100%!important;height:200px!important;object-fit:cover!important;display:block!important;} .is-a86d17cd{width:100%!important;height:220px!important;object-fit:cover!important;display:block!important;} .is-9818a5f6{font-size:0.9rem!important;color:var(--text-muted)!important;font-weight:400!important;} .is-c484f51e{width:100%!important;height:360px!important;object-fit:cover!important;display:block!important;} .is-efd6703b{padding:16px 24px!important;} .is-1e9f2884{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important;} .is-2aa17dd2{padding:14px 16px!important;} .is-efc067ab{color:var(--primary)!important;font-size:0.72rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;} .is-aebe0283{grid-column:span 6!important;padding:0!important;overflow:hidden!important;} .is-4b475437{width:100%!important;height:240px!important;object-fit:cover!important;display:block!important;} .is-480902b4{width:100%!important;height:240px!important;object-fit:cover!important;object-position:center top!important;display:block!important;} .is-d4bfd38b{opacity:0.6!important;transition:0.3s!important;} .is-2e3efcf3{padding:18px 50px!important;font-size:1.1rem!important;} .is-40c3320d{letter-spacing:2px!important;} .is-f786ffca{font-size:clamp(2.5rem, 5vw, 3.5rem)!important;font-family:var(--font-accent)!important;margin:20px 0!important;line-height:1.1!important;} .is-b34f244c{font-size:1.25rem!important;color:var(--text-muted)!important;margin-bottom:30px!important;} .is-1d6659b9{font-size:1.2rem!important;color:var(--text-muted)!important;margin-bottom:30px!important;} .is-ac29a75c{max-height:500px!important;} .is-20a1eaf1{padding:100px 5%!important;background:rgba(255,255,255,0.02)!important;border-radius:40px!important;margin:0 20px!important;} .is-c8cd00e1{text-align:center!important;font-family:var(--font-accent)!important;font-size:3rem!important;margin-bottom:60px!important;} .is-34cbac82{grid-column:span 3!important;} .is-3c6f294d{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin-bottom:15px!important;color:var(--primary)!important;} .is-852252fc{display:block!important;margin-top:20px!important;} .is-f51c903b{grid-column:span 3!important;background:linear-gradient(135deg, rgba(30,215,96,0.08), rgba(0,0,0,0))!important;border-color:rgba(30,215,96,0.2)!important;} .is-c3ad7661{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(30,215,96,0.12)!important;border:1px solid rgba(30,215,96,0.3)!important;color:#1ED760!important;padding:5px 14px!important;border-radius:100px!important;font-weight:700!important;font-size:0.72rem!important;letter-spacing:1.5px!important;text-transform:uppercase!important;margin-bottom:18px!important;} .is-6ccc93a3{width:6px!important;height:6px!important;background:#1ED760!important;border-radius:50%!important;display:inline-block!important;} .is-f65b58c1{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin-bottom:15px!important;color:#fff!important;} .is-bcfcc451{grid-column:span 3!important;background:linear-gradient(135deg, rgba(0,160,228,0.08), rgba(0,0,0,0))!important;border-color:rgba(0,160,228,0.2)!important;} .is-b217bc44{display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(0,160,228,0.12)!important;border:1px solid rgba(0,160,228,0.3)!important;color:var(--primary)!important;padding:5px 14px!important;border-radius:100px!important;font-weight:700!important;font-size:0.72rem!important;letter-spacing:1.5px!important;text-transform:uppercase!important;margin-bottom:18px!important;} .is-b586af1b{width:6px!important;height:6px!important;background:var(--primary)!important;border-radius:50%!important;display:inline-block!important;} .is-590259ba{padding:80px 5%!important;max-width:var(--container-max)!important;margin:0 auto!important;} .is-7de5c364{font-family:var(--font-accent)!important;font-size:clamp(1.8rem, 4vw, 2.8rem)!important;margin-bottom:48px!important;text-align:center!important;} .is-3d9e2c96{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(min(100%, 420px), 1fr))!important;gap:24px!important;} .is-fed0e88a{padding:32px!important;} .is-c4fb5377{font-family:var(--font-accent)!important;font-size:1.1rem!important;color:var(--primary)!important;margin-bottom:12px!important;} .is-6a2885eb{color:var(--text-muted)!important;font-size:0.95rem!important;line-height:1.7!important;} .is-fa6c8d0b{display:flex!important;align-items:center!important;} .is-c3791470{grid-column:span 12!important;display:flex!important;gap:80px!important;align-items:center!important;flex-wrap:wrap!important;background:linear-gradient(135deg, var(--bg-card) 0%, rgba(0, 160, 228, 0.1) 100%)!important;padding:60px!important;} .is-03e5ebed{flex:1!important;text-align:center!important;} .is-d0d42556{max-height:550px!important;transform:rotate(-1deg)!important;box-shadow:20px 20px 60px rgba(0,0,0,0.5)!important;} .is-77d8b2f6{flex:1.5!important;} .is-28cd06d6{background:var(--primary)!important;color:#020617!important;padding:6px 16px!important;border-radius:100px!important;font-weight:800!important;font-size:0.8rem!important;letter-spacing:1px!important;} .is-3b734b90{font-family:var(--font-accent)!important;font-size:clamp(2.5rem, 6vw, 4rem)!important;margin:25px 0!important;line-height:1!important;} .is-839e7db5{font-size:1.1rem!important;color:var(--text-muted)!important;margin-bottom:15px!important;} .is-eaa72283{font-size:1.3rem!important;color:var(--text-muted)!important;margin-bottom:40px!important;line-height:1.5!important;} .is-3ca2b3df{display:flex!important;gap:20px!important;flex-wrap:wrap!important;} .is-52fcbeb3{padding:22px 50px!important;font-size:1.2rem!important;} .is-b512c985{display:flex!important;align-items:center!important;gap:10px!important;} .is-35f51f0a{display:flex!important;gap:12px!important;margin:0 0 40px!important;justify-content:center!important;flex-wrap:wrap!important;} .is-c0d69ac5{background:var(--primary)!important;color:#020617!important;border:1px solid transparent!important;padding:10px 24px!important;border-radius:100px!important;font-weight:700!important;font-size:0.9rem!important;cursor:pointer!important;} .is-2d865ba1{background:var(--bg-card)!important;color:#fff!important;border:1px solid var(--border)!important;padding:10px 24px!important;border-radius:100px!important;font-weight:600!important;font-size:0.9rem!important;cursor:pointer!important;} .is-ff9d785d{grid-column:span 6!important;} .is-44a7f663{aspect-ratio:16/9!important;margin-bottom:20px!important;overflow:hidden!important;border-radius:12px!important;} .is-3648dcf1{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform 0.4s ease!important;} .is-30f7e5b5{font-size:1.8rem!important;margin:15px 0!important;font-family:var(--font-accent)!important;} .is-8cf3727f{color:var(--text-muted)!important;margin-bottom:25px!important;font-size:1rem!important;} .is-7c4f8402{display:flex!important;gap:20px!important;flex-wrap:wrap!important;align-items:center!important;} .is-b799bd2b{opacity:0.6!important;} .is-65c1c01e{margin-top:12px!important;} .is-d4be638b{grid-column:span 12!important;background:linear-gradient(135deg, rgba(0, 160, 228, 0.1) 0%, rgba(15,23,42,0.4) 100%)!important;border:1px solid var(--primary)!important;} .is-5722d32c{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:20px!important;} .is-c53ca330{color:var(--primary)!important;font-weight:700!important;font-size:0.9rem!important;letter-spacing:2px!important;} .is-11bcb33f{font-family:var(--font-accent)!important;font-size:2.2rem!important;margin:15px 0!important;} .is-727440af{font-size:1.15rem!important;color:var(--text-muted)!important;max-width:800px!important;line-height:1.6!important;} .is-8f85bf34{width:120px!important;height:120px!important;object-fit:cover!important;border-radius:50%!important;border:2px solid var(--primary)!important;} .is-26f23642{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important;} .is-5df0a2c7{flex:1!important;min-width:250px!important;} .is-4e8b0a5d{color:var(--primary)!important;font-weight:700!important;letter-spacing:2px!important;font-size:0.9rem!important;} .is-c8877947{width:120px!important;height:120px!important;border-radius:50%!important;border:2px solid rgba(0, 160, 228, 0.3)!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;background:rgba(0,160,228,0.06)!important;} .is-322828c2{grid-column:span 12!important;background:linear-gradient(135deg, rgba(0, 160, 228, 0.05) 0%, rgba(15,23,42,0.2) 100%)!important;border:1px solid rgba(0, 160, 228, 0.3)!important;} .is-1ff86a48{color:var(--primary)!important;font-weight:700!important;} .is-0076e59e{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin:15px 0!important;} .is-cfed33c6{color:var(--text-muted)!important;line-height:1.6!important;max-width:900px!important;} .is-bacab152{grid-column:span 12!important;} .is-95a61bfe{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))!important;gap:40px!important;} .is-3c22dc72{font-family:var(--font-accent)!important;font-size:1.6rem!important;margin:15px 0!important;} .is-cbaa733f{grid-column:span 12!important;border-top:1px solid var(--border)!important;margin-top:20px!important;background:transparent!important;} .is-55fcdb5e{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin-bottom:25px!important;color:var(--primary)!important;} .is-70363fb2{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))!important;gap:30px!important;} .is-7d2d11b9{margin-bottom:5px!important;} .is-417c77f0{color:var(--primary)!important;font-weight:400!important;font-size:0.85rem!important;} .is-acb67b42{font-size:0.85rem!important;color:var(--text-muted)!important;} .is-59cb08dc{max-height:450px!important;} .is-4868a695{font-family:var(--font-accent)!important;font-size:clamp(2rem, 4vw, 3rem)!important;margin-bottom:30px!important;} .is-cea0bede{font-size:1.1rem!important;color:var(--text-muted)!important;border-left:3px solid var(--primary)!important;padding-left:20px!important;} .is-0ca5e054{font-family:var(--font-accent)!important;font-size:2rem!important;margin-bottom:20px!important;color:var(--primary)!important;} .is-ccba4248{grid-column:span 4!important;} .is-623f6a9a{font-size:2.5rem!important;margin-bottom:20px!important;} .is-1c411d9c{font-family:var(--font-accent)!important;font-size:1.7rem!important;margin-bottom:15px!important;color:var(--primary)!important;} .is-3dc83948{grid-column:span 4!important;background:linear-gradient(135deg, rgba(0, 160, 228, 0.07) 0%, rgba(15,23,42,0.4) 100%)!important;border-color:rgba(0, 160, 228, 0.2)!important;} .is-62ec4480{grid-column:span 12!important;padding:60px 20px 20px!important;} .is-205e6711{font-family:var(--font-accent)!important;font-size:clamp(1.3rem, 2.5vw, 1.8rem)!important;color:rgba(255,255,255,0.9)!important;font-style:italic!important;max-width:800px!important;margin:0 auto!important;border-left:4px solid var(--primary)!important;padding-left:40px!important;} .is-21dd5dc9{color:var(--text-muted)!important;margin-top:16px!important;font-size:0.9rem!important;padding-left:44px!important;max-width:800px!important;margin-left:auto!important;margin-right:auto!important;} .is-c0451a64{display:flex!important;gap:16px!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;margin-top:32px!important;} .is-df5d792e{padding:18px 44px!important;font-size:1.05rem!important;margin-right:8px!important;} .is-9f10a1f6{opacity:0.9!important;transition:0.3s!important;} .is-7d29e551{grid-column:span 7!important;} .is-7fbb6472{font-family:var(--font-accent)!important;font-size:clamp(1.8rem, 3.5vw, 2.6rem)!important;margin:20px 0!important;line-height:1.1!important;} .is-6f5b2d08{font-size:1.15rem!important;color:var(--text-muted)!important;line-height:1.75!important;margin-bottom:20px!important;} .is-128a01a1{font-size:1.05rem!important;color:var(--text-muted)!important;line-height:1.7!important;} .is-55acc30e{grid-column:span 5!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;} .is-60adf61e{font-family:var(--font-accent)!important;font-size:1.6rem!important;margin:0 0 16px!important;} .is-1b939e12{color:var(--text-muted)!important;font-size:0.9rem!important;margin-bottom:4px!important;} .is-6d6474d3{background:#1ED760!important;padding:4px!important;border-radius:6px!important;} .is-53164d25{background:linear-gradient(135deg,#B150E2,#F3665D)!important;padding:4px!important;border-radius:6px!important;} .is-73422ea9{background:#FF6B35!important;padding:4px!important;border-radius:6px!important;} .is-b5867f2a{background:#E12B2B!important;padding:4px!important;border-radius:6px!important;} .is-ddc1e64a{grid-column:span 12!important;padding:0!important;background:transparent!important;border:none!important;} .is-864bbc4b{margin-bottom:20px!important;display:block!important;} .is-aead1950{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin-bottom:16px!important;} .is-d7959407{color:var(--text-muted)!important;line-height:1.7!important;margin-bottom:24px!important;} .is-628654b5{grid-column:span 12!important;margin-top:20px!important;} .is-a205f7e6{margin-bottom:24px!important;display:block!important;} .is-d3277930{margin-bottom:16px!important;} .is-e2b74ba6{margin:0!important;} .is-fac3d567{display:flex!important;align-items:center!important;gap:24px!important;padding:22px 28px!important;text-decoration:none!important;color:inherit!important;margin-bottom:10px!important;} .is-1c53b455{width:46px!important;height:46px!important;background:rgba(0,160,228,0.1)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.3rem!important;flex-shrink:0!important;} .is-ec2eba2b{flex:1!important;min-width:0!important;} .is-0139394b{font-family:var(--font-accent)!important;font-weight:700!important;font-size:1.05rem!important;margin-bottom:4px!important;} .is-d77719f5{color:var(--text-muted)!important;font-size:0.85rem!important;} .is-1c798cb5{color:var(--primary)!important;font-size:0.85rem!important;font-weight:600!important;white-space:nowrap!important;flex-shrink:0!important;} .is-d351fb9c{grid-column:span 12!important;background:linear-gradient(135deg, rgba(0,160,228,0.08), rgba(0,0,0,0))!important;border:1px solid rgba(0,160,228,0.2)!important;} .is-5d89b6ea{display:flex!important;align-items:flex-start!important;gap:20px!important;flex-wrap:wrap!important;margin-bottom:24px!important;} .is-46294dc0{font-size:2.5rem!important;flex-shrink:0!important;} .is-6037706d{font-family:var(--font-accent)!important;font-size:1.4rem!important;margin-bottom:8px!important;} .is-2c6d3858{color:var(--text-muted)!important;font-size:0.92rem!important;line-height:1.65!important;margin:0!important;} .is-8937c62b{color:var(--text-main)!important;} .is-57c96256{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;background:rgba(0,0,0,0.25)!important;border:1px solid rgba(255,255,255,0.07)!important;border-radius:12px!important;padding:14px 18px!important;} .is-5b214b83{flex-shrink:0!important;} .is-b10f2fe9{flex:1!important;color:var(--primary)!important;font-size:0.85rem!important;word-break:break-all!important;user-select:all!important;} .is-b1e84bb2{cursor:pointer!important;background:transparent!important;border:1px solid rgba(255,255,255,0.2)!important;color:var(--text-muted)!important;padding:8px 18px!important;border-radius:8px!important;font-size:0.85rem!important;white-space:nowrap!important;transition:all 0.2s!important;flex-shrink:0!important;} .is-889c38cd{color:var(--text-muted)!important;font-size:0.78rem!important;margin:12px 0 0!important;opacity:0.7!important;} .is-0fda84d7{max-width:800px!important;margin:20px auto 0!important;padding:0 20px!important;} .is-4ef89f29{font-size:1.3rem!important;margin-top:-10px!important;margin-bottom:30px!important;color:var(--text-muted)!important;} .is-51625cfc{margin-top:50px!important;} .is-f68ad780{display:flex!important;gap:12px!important;margin-bottom:40px!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:20px!important;} .is-2de2e9ba{grid-column:span 12!important;display:flex!important;gap:60px!important;align-items:center!important;flex-wrap:wrap!important;} .is-d1dcf1ac{font-size:2.8rem!important;margin:20px 0!important;font-family:var(--font-accent)!important;} .is-f898aac2{color:var(--text-muted)!important;margin-bottom:30px!important;font-size:1.1rem!important;} .is-7d1faedf{width:100%!important;height:100%!important;object-fit:cover!important;} .is-b08ec680{font-size:1.7rem!important;margin:15px 0!important;font-family:var(--font-accent)!important;} .is-ed3c7314{padding-bottom:0!important;} .is-793b3eee{font-size:clamp(2rem, 4.5vw, 3.5rem)!important;margin-bottom:12px!important;} .is-b7443585{color:var(--text-muted)!important;margin-top:12px!important;margin-bottom:0!important;font-size:1rem!important;} .is-d129d1ae{margin-top:10px!important;margin-bottom:0!important;} .is-f2067ac8{font-size:0.85rem!important;padding:8px 20px!important;} .is-34c14da3{font-size:1.15rem!important;line-height:1.9!important;color:rgba(255,255,255,0.9)!important;} .is-adcbc05a{display:flex!important;gap:30px!important;margin:0 0 45px!important;flex-wrap:wrap!important;align-items:stretch!important;} .is-6aa459f8{flex:1 1 350px!important;background:rgba(0, 160, 228, 0.04)!important;border-left:4px solid var(--primary)!important;padding:25px!important;border-radius:0 12px 12px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;} .is-2e91f9a2{margin-top:0!important;color:var(--primary)!important;font-family:var(--font-accent)!important;font-size:1.4rem!important;margin-bottom:20px!important;} .is-29cb92a2{list-style:none!important;padding:0!important;margin:0!important;font-size:1.05rem!important;line-height:1.8!important;} .is-6311c940{flex:1 1 300px!important;display:flex!important;flex-direction:column!important;} .is-a475c4e8{margin:0!important;width:100%!important;height:100%!important;display:flex!important;} .is-1d66c0ae{width:100%!important;flex-grow:1!important;height:100%!important;object-fit:cover!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,0.4)!important;} .is-8b9b0f12{border-left:4px solid var(--primary)!important;padding:30px!important;background:rgba(0, 160, 228, 0.05)!important;font-style:normal!important;margin:40px 0!important;font-size:1.2rem!important;} .is-e0305816{background:rgba(0,160,228,0.08)!important;border:1px solid rgba(0,160,228,0.25)!important;border-radius:16px!important;padding:24px 30px!important;margin-bottom:50px!important;font-size:0.95rem!important;color:var(--text-muted)!important;} .is-66f8bd01{color:var(--primary)!important;text-decoration:underline!important;} .is-ffbeea3c{margin-bottom:25px!important;} .is-6a4e3246{display:flex!important;gap:30px!important;margin-bottom:40px!important;flex-wrap:wrap!important;align-items:flex-start!important;} .is-ca79c81e{flex:1.5 1 350px!important;} .is-0ab9af6d{margin-top:0!important;margin-bottom:25px!important;} .is-c42e0ec4{margin-bottom:0!important;} .is-6293f473{flex:1 1 250px!important;display:flex!important;flex-direction:column!important;} .is-88b6a26d{margin:0!important;width:100%!important;} .is-8eeb777c{width:100%!important;border-radius:14px!important;box-shadow:0 10px 25px rgba(0,0,0,0.3)!important;} .is-ccfd7c32{margin:55px 0 20px!important;color:var(--primary)!important;font-family:var(--font-accent)!important;font-size:1.9rem!important;} .is-4b4e3b80{color:var(--primary)!important;font-size:1.4rem!important;margin:30px 0 15px!important;} .is-06c0b776{margin:0 0 30px 25px!important;line-height:2.2!important;} .is-3cc9bbe4{margin:40px 0!important;} .is-9369018b{width:100%!important;border-radius:10px!important;} .is-6b968bbd{text-align:center!important;font-size:0.9rem!important;color:var(--text-muted)!important;margin-top:10px!important;} .is-649a97ee{width:100%!important;border-radius:10px!important;background:white!important;padding:10px!important;} .is-715a191b{background:rgba(255,255,255,0.05)!important;padding:20px!important;border-radius:10px!important;margin-bottom:40px!important;} .is-b45886ed{margin:0 0 0 20px!important;line-height:1.8!important;} .is-a254d477{flex:1 1 280px!important;display:flex!important;flex-direction:column!important;} .is-9ed09e8d{width:100%!important;border-radius:14px!important;background:white!important;padding:10px!important;box-shadow:0 10px 25px rgba(0,0,0,0.3)!important;} .is-15a47607{text-align:center!important;font-size:0.82rem!important;color:var(--text-muted)!important;margin-top:8px!important;} .is-b27a07f0{background:rgba(0,160,228,0.08)!important;padding:25px!important;border-radius:16px!important;margin:40px 0!important;border-left:4px solid var(--primary)!important;} .is-f0ce3597{margin:0!important;font-size:1.1rem!important;font-style:italic!important;} .is-0f678c4c{margin:60px 0 20px!important;color:var(--primary)!important;font-family:var(--font-accent)!important;font-size:2rem!important;} .is-138f8f43{margin-bottom:40px!important;} .is-edbc35d6{background:linear-gradient(135deg, rgba(30,215,96,0.1), rgba(0,160,228,0.05))!important;border:1px solid rgba(30,215,96,0.2)!important;border-radius:16px!important;padding:30px!important;margin:50px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:20px!important;} .is-c6ab3938{margin:0 0 10px!important;font-family:var(--font-accent)!important;font-size:1.3rem!important;color:#fff!important;} .is-d0685eb8{margin:0!important;color:var(--text-muted)!important;font-size:0.95rem!important;max-width:600px!important;} .is-190ed3aa{border-color:#1ED760!important;color:#1ED760!important;font-size:0.85rem!important;padding:10px 24px!important;} .is-294154ac{margin-top:80px!important;padding-top:40px!important;border-top:1px solid var(--border)!important;} .is-4a5d7d1e{font-family:var(--font-accent)!important;font-size:1.2rem!important;margin-bottom:16px!important;color:var(--text-muted)!important;} .is-cffe6648{display:flex!important;gap:16px!important;flex-wrap:wrap!important;} .is-d3661fa9{font-size:clamp(2.5rem, 5vw, 4rem)!important;margin-bottom:12px!important;} .is-534edd75{font-size:1.2rem!important;line-height:1.9!important;color:rgba(255,255,255,0.9)!important;} .is-6c94dd35{margin-top:0!important;margin-bottom:30px!important;font-size:1.4rem!important;color:var(--text-muted)!important;} .is-8b1be3c5{display:flex!important;gap:30px!important;margin:30px 0 45px!important;flex-wrap:wrap!important;align-items:stretch!important;} .is-7788d6ca{margin:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;} .is-796b0bde{width:100%!important;flex-grow:1!important;height:0!important;min-height:250px!important;object-fit:cover!important;border-radius:14px!important;box-shadow:0 10px 30px rgba(0,0,0,0.4)!important;} .is-3dea01d0{font-size:0.82rem!important;color:var(--text-muted)!important;margin-top:8px!important;text-align:center!important;} .is-1c82105b{margin-bottom:30px!important;font-size:1.2rem!important;line-height:1.9!important;} .is-56afd8c0{margin:60px 0 20px!important;color:var(--primary)!important;font-family:var(--font-accent)!important;font-size:2rem!important;clear:both!important;} .is-95500a39{margin-bottom:30px!important;} .is-5c4e8870{display:flex!important;gap:30px!important;margin-bottom:40px!important;flex-wrap:wrap!important;} .is-4a7cee10{flex:1 1 250px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;} .is-3d62575c{width:100%!important;border-radius:14px!important;border:1px solid var(--border)!important;box-shadow:0 10px 25px rgba(0,0,0,0.3)!important;} .is-02bb36d9{margin-top:0!important;margin-bottom:20px!important;} .is-c748d334{color:var(--text-muted)!important;margin-top:12px!important;font-size:0.9rem!important;} .is-3ad13099{border-left:4px solid var(--primary)!important;padding:40px!important;background:rgba(0, 160, 228, 0.05)!important;border-radius:0 20px 20px 0!important;font-style:italic!important;margin:50px 0!important;color:#fff!important;font-size:1.4rem!important;} .is-82896a30{margin-top:80px!important;padding-top:40px!important;border-top:1px solid var(--border)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important;} .is-7b754eef{margin-bottom:12px!important;} .is-5356d82d{margin-top:0!important;margin-bottom:30px!important;} .is-44f77ae9{margin:40px 0!important;background:rgba(0, 160, 228, 0.04)!important;border-left:4px solid var(--primary)!important;padding:25px!important;border-radius:0 12px 12px 0!important;} .is-cd631788{padding-bottom:10px!important;} .is-8d36396f{margin-bottom:20px!important;font-size:0.85rem!important;color:var(--text-muted)!important;} .is-d45417d2{margin:0 8px!important;opacity:0.4!important;} .is-8ca3ba32{display:inline-block!important;background:rgba(0,160,228,0.12)!important;border:1px solid rgba(0,160,228,0.25)!important;color:var(--primary)!important;padding:5px 14px!important;border-radius:100px!important;font-size:0.78rem!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:20px!important;} .is-e910edea{font-size:clamp(1.6rem, 5vw, 3.5rem)!important;} .is-f8c49a87{border-radius:20px!important;overflow:hidden!important;box-shadow:0 20px 60px rgba(0,0,0,0.5)!important;border:1px solid rgba(255,255,255,0.06)!important;} .is-2d8be0b9{display:block!important;border-radius:12px!important;} .is-ce249638{display:flex!important;gap:16px!important;margin-top:20px!important;flex-wrap:wrap!important;} .is-b42ead07{align-self:center!important;} .is-9e6cffe3{grid-column:span 12!important;} .is-03d37e4a{font-family:var(--font-accent)!important;font-size:1.8rem!important;margin:16px 0!important;} .is-b4ae027f{color:var(--text-muted)!important;line-height:1.8!important;margin-bottom:20px!important;} .is-954ac958{grid-column:span 12!important;display:flex!important;flex-direction:column!important;gap:16px!important;} .is-9517df59{font-family:var(--font-accent)!important;font-size:1.1rem!important;margin:12px 0 8px!important;} .is-88dffa3c{color:var(--text-muted)!important;font-size:0.9rem!important;line-height:1.6!important;margin-bottom:16px!important;} .is-51811099{grid-column:span 12!important;background:linear-gradient(135deg, rgba(30,215,96,0.10), rgba(0,160,228,0.05))!important;border:1px solid rgba(30,215,96,0.25)!important;padding:32px!important;border-radius:20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;flex-wrap:wrap!important;} .is-b9cd869a{flex:1!important;min-width:280px!important;} .is-4b9ef488{font-family:var(--font-accent)!important;font-size:1.4rem!important;margin-bottom:8px!important;color:var(--text-main)!important;} .is-229fc7e5{color:var(--text-muted)!important;font-size:0.95rem!important;margin:0!important;line-height:1.6!important;} .is-e2bd6cee{display:flex!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;margin-top:16px!important;} .is-27985f17{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:0.9rem!important;padding:11px 20px!important;border-color:#1ED760!important;color:#1ED760!important;} .is-824fb1ba{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:0.9rem!important;padding:11px 20px!important;border-color:#B150E2!important;color:#B150E2!important;} .is-fa188622{display:inline-flex!important;align-items:center!important;gap:8px!important;font-size:0.9rem!important;padding:11px 20px!important;border-color:#FF6B35!important;color:#FF6B35!important;} .is-c6b59ada{font-family:var(--font-accent)!important;font-size:1.1rem!important;margin-bottom:16px!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:1px!important;} .is-53ef70a1{color:var(--text-muted)!important;line-height:1.8!important;} .is-2e9434ce{color:var(--text-muted)!important;font-size:0.9rem!important;line-height:1.8!important;padding-left:0!important;margin:16px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px 2rem!important;list-style:none!important;}.is-2e9434ce li::before{content:"✓ "!important;color:var(--primary)!important;font-weight:700!important;}@media(max-width:768px){.is-2e9434ce{grid-template-columns:1fr!important;}} .is-9afdaecb{background:rgba(255,170,0,0.04)!important;border:1px solid rgba(255,170,0,0.15)!important;} .is-13220e73{color:#ffaa00!important;} .is-382aa762{color:var(--text-muted)!important;font-size:0.88rem!important;line-height:1.65!important;margin:12px 0 0!important;} .is-56a572fb{font-size:clamp(1.6rem, 5vw, 3.5rem)!important;} .is-b62d2272{background:linear-gradient(135deg, rgba(0,160,228,0.08), rgba(0,0,0,0))!important;border:1px solid rgba(0,160,228,0.2)!important;} .is-f9114360{color:var(--text-muted)!important;font-size:0.9rem!important;line-height:1.6!important;margin:12px 0 16px!important;} .is-b51e827b{background:linear-gradient(135deg, rgba(30,215,96,0.06), rgba(0,0,0,0))!important;border:1px solid rgba(30,215,96,0.15)!important;} /* ============================================================ ESTILOS CENTRALIZADOS DE SUBPÁGINAS (AUDITORÍA GEMINI 3.5) ============================================================ */ /* --- Filtros de Categoría del Blog --- */ .category-filters{display:flex;gap:12px;margin-bottom:40px;justify-content:center;flex-wrap:wrap;margin-top:20px;} .filter-btn{transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);} .filter-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0, 160, 228, 0.15);border-color:var(--primary)!important;} .filter-btn.active:hover{box-shadow:0 10px 20px rgba(0, 160, 228, 0.3);} /* --- Navegación de Posts y Artículos --- */ .nav-posts{display:flex;gap:16px;flex-wrap:wrap;} .nav-post-btn{flex:1;min-width:200px;padding:20px;border-radius:14px;border:1px solid rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.03);text-decoration:none;color:var(--text-main);transition:all 0.2s;} .nav-post-btn:hover{border-color:var(--primary);background:rgba(0, 160, 228, 0.06);} .nav-post-btn small{color:var(--text-muted);font-size:0.8rem;display:block;margin-bottom:6px;} /* --- Plataformas y Elementos de Podcast --- */ .platform-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;margin-top:32px;} .platform-btn{display:flex;align-items:center;gap:14px;padding:16px 22px;border-radius:14px;border:1px solid rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.04);color:var(--text-main);text-decoration:none;font-weight:600;font-size:0.95rem;transition:all 0.25s ease;backdrop-filter:blur(10px);} .platform-btn:hover{background:rgba(255, 255, 255, 0.1);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0, 160, 228, 0.2);color:#fff;} .platform-btn svg{flex-shrink:0;width:28px;height:28px;border-radius:6px;} .platform-btn span{line-height:1.2;} .platform-btn small{display:block;font-weight:400;font-size:0.8rem;opacity:0.6;} .spotify-embed-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0, 0, 0, 0.5);border:1px solid rgba(255, 255, 255, 0.06);} .spotify-embed-wrapper iframe{display:block;width:100%;border:none;} .podcast-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(30, 215, 96, 0.12);border:1px solid rgba(30, 215, 96, 0.3);color:#1ED760;padding:8px 18px;border-radius:100px;font-weight:700;font-size:0.8rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;} .episode-meta{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0;justify-content:center;} .episode-meta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);padding:6px 14px;border-radius:100px;font-size:0.85rem;color:var(--text-muted);} .episode-meta-badge strong{color:var(--text-main);}  .episode-section-title{font-family:var(--font-accent);font-size:1.5rem;margin:40px 0 16px;color:var(--text-main);border-left:3px solid var(--primary);padding-left:16px;} .episode-key-concept{background:rgba(0, 160, 228, 0.06);border:1px solid rgba(0, 160, 228, 0.15);border-radius:12px;padding:20px 24px;margin:16px 0;}  .episode-key-concept p{color:var(--text-muted);font-size:0.95rem;line-height:1.65;margin:0;} .nav-episodes{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px;} .nav-episode-btn{flex:1;min-width:200px;padding:20px;border-radius:14px;border:1px solid rgba(255, 255, 255, 0.08);background:rgba(255, 255, 255, 0.03);text-decoration:none;color:var(--text-main);transition:all 0.2s;} .nav-episode-btn:hover{border-color:var(--primary);background:rgba(0, 160, 228, 0.06);} .nav-episode-btn small{color:var(--text-muted);font-size:0.8rem;display:block;margin-bottom:6px;} /* --- Botones de Filtro (Estilo unificado sin inline styles ni CSP issues) --- */ .filter-btn{background:var(--bg-card)!important;color:#fff!important;border:1px solid var(--border)!important;padding:10px 24px!important;border-radius:100px!important;font-weight:600!important;font-size:0.9rem!important;cursor:pointer!important;transition:all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)!important;} .filter-btn:hover{transform:translateY(-2px)!important;box-shadow:0 10px 20px rgba(0, 160, 228, 0.15)!important;border-color:var(--primary)!important;} .filter-btn.active{background:var(--primary)!important;color:#020617!important;border:1px solid transparent!important;font-weight:700!important;} .filter-btn.active:hover{box-shadow:0 10px 20px rgba(0, 160, 228, 0.3)!important;} /* --- FAQ Semántica (Estructura dl/dt/dd) --- */ .post-content dl.faq-list, dl.faq-list{margin:40px 0!important;} .post-content dl.faq-list dt, dl.faq-list dt{font-family:var(--font-accent)!important;font-weight:700!important;font-size:1.25rem!important;color:var(--primary)!important;margin-top:32px!important;margin-bottom:12px!important;line-height:1.4!important;display:block!important;} .post-content dl.faq-list dd, dl.faq-list dd{margin-left:0!important;color:var(--text-muted)!important;font-size:1.05rem!important;line-height:1.75!important;margin-bottom:24px!important;display:block!important;} /* --- Clases utilitarias globales --- */ .hidden, .bento-grid > *.hidden{display:none!important;} /* --- Delays de animación para reveal escalonado (CSP safe) --- */ .reveal-delay-0{transition-delay:0s!important;} .reveal-delay-1{transition-delay:0.08s!important;} .reveal-delay-2{transition-delay:0.16s!important;} .reveal-delay-3{transition-delay:0.24s!important;} /* --- Adaptación Responsiva para Bento Grid en Móvil (max-width:768px) --- */ @media (max-width:768px){.bento-grid{grid-template-columns:1fr!important;gap:16px!important;} .bento-grid > *{grid-column:span 1!important;display:flex!important;flex-direction:column!important;gap:20px!important;padding:24px!important;} .bento-grid > * > div{flex:1 1 100%!important;width:100%!important;}} /* ============================================================ MOBILE RESPONSIVENESS FIXES — v8 Auditoría completa:corrige columnas que no colapsan en móvil ============================================================ */ @media (max-width:768px){/* ── 1. flex-layout:forzar columna en móvil ─────────────── */ /* Afecta:sección Propósito (index), sección de contenido en trayectoria */ .flex-layout{flex-direction:column!important;} .flex-layout .flex-main, .flex-layout .flex-media{min-width:100%!important;flex:1 1 100%!important;text-align:left!important;} /* Imagen propósito en index:limitar altura en móvil */ .flex-media .img-pro.is-ac29a75c, .flex-media .img-pro{max-height:280px!important;width:100%!important;object-fit:cover!important;transform:none!important;} /* ── 2. Card libro en publicaciones:colapsar y reducir gap ─ */ .is-c3791470{flex-direction:column!important;gap:32px!important;padding:32px!important;} .is-03e5ebed, .is-77d8b2f6{flex:1 1 100%!important;min-width:100%!important;} /* Imagen del libro en card:tamaño razonable */ .is-d0d42556{max-height:260px!important;transform:none!important;} /* ── 3. Blog posts:layouts internos con flex ────────────── */ /* keybox + imagen al lado → apilar */ .is-adcbc05a, .is-6a4e3246, .is-5c4e8870, .is-8b1be3c5{flex-direction:column!important;gap:20px!important;} /* Columnas de texto e imagen dentro de esos layouts */ .is-6aa459f8, .is-6311c940, .is-ca79c81e, .is-6293f473, .is-a254d477, .is-4a7cee10{flex:1 1 100%!important;min-width:100%!important;} /* Imágenes dentro de esos bloques */ .is-1d66c0ae, .is-796b0bde, .is-8eeb777c, .is-3d62575c, .is-9ed09e8d{height:auto!important;min-height:180px!important;max-height:260px!important;} /* ── 4. Podcast:flex interno (is-2de2e9ba) ─────────────── */ .is-2de2e9ba{flex-direction:column!important;gap:24px!important;} /* ── 5. Episodios:avatar + título — apilar en móvil ─────── */ .is-26f23642, .is-5722d32c{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;} .is-5df0a2c7{min-width:100%!important;flex:1 1 100%!important;} /* Avatar circular:centrar cuando está solo */ .is-8f85bf34{align-self:center!important;} /* Círculo podcast info */ .is-c8877947{align-self:center!important;} /* ── 6. Hero title:clamp mínimo para móvil ─────────────── */ .hero-main-title{font-size:clamp(2.6rem, 9vw, 4rem)!important;line-height:1!important;} .page-hero-title{font-size:clamp(2rem, 7vw, 3.5rem)!important;} /* ── 7. Contador Daikin:padding reducido ───────────────── */ .daikin-counter-container{padding:20px 14px!important;margin-left:0!important;margin-right:0!important;} /* ── 8. Timeline:más espacio para el contenido ─────────── */ .timeline-item{padding-left:36px!important;padding-right:8px!important;} /* ── 9. Bento section:radio más pequeño en móvil ────────── */ section.is-20a1eaf1{border-radius:20px!important;} /* ── 10. Footer book cover:tamaño mínimo visible ────────── */ .footer-book-cover img{width:clamp(110px, 24vw, 150px)!important;} /* Footer book:centrar imagen en móvil */ .footer-book-cover{align-self:center!important;} /* ── 11. Blockquote / callout:padding reducido ──────────── */ .is-3ad13099, .callout-quote{padding:24px 20px!important;font-size:1.1rem!important;} .is-8b9b0f12{padding:20px 16px!important;} /* ── 12. CTA buttons:que no se corten ───────────────────── */ .is-3ca2b3df, .is-cffe6648, .is-ce249638, .is-e2bd6cee{flex-direction:column!important;align-items:stretch!important;} .is-3ca2b3df .btn-ghost, .is-3ca2b3df .btn-contact, .is-cffe6648 .btn-ghost, .is-cffe6648 .btn-contact{text-align:center!important;} /* ── 13. Propósito section:padding top del wrapper ─────── */ .section-proposito{padding-top:50px!important;padding-bottom:50px!important;} /* ── Ajustes de texto para legibilidad ───────────────────── */ .is-f786ffca{font-size:clamp(1.8rem, 6vw, 2.6rem)!important;} .is-3b734b90{font-size:clamp(2rem, 7vw, 3rem)!important;} .is-793b3eee{font-size:clamp(1.8rem, 6vw, 2.5rem)!important;} /* ── Platform grid podcast:1 columna siempre en móvil ───── */ .platform-grid{grid-template-columns:1fr!important;} /* ── Nav episodes / nav posts:columna en móvil ──────────── */ .nav-episodes, .nav-posts{flex-direction:column!important;} .nav-episode-btn, .nav-post-btn{min-width:100%!important;}} /* ── Extra fixes para móviles muy pequeños (≤ 480px) ────────── */ @media (max-width:480px){/* Hero title más compacto */ .hero-main-title{font-size:clamp(2.2rem, 10vw, 3rem)!important;} /* Section padding lateral */ .section-content, .section-proposito, .is-590259ba{padding-left:4%!important;padding-right:4%!important;} /* Footer book:columna más compacta */ .footer-book{padding-top:40px!important;padding-bottom:40px!important;} /* Card padding mínimo */ .card{padding:20px!important;} /* Contador dígitos más pequeños */ .time-block span{font-size:1.6rem!important;} /* Timeline line más cerca del borde */ .timeline-item{padding-left:28px!important;} /* is-20a1eaf1:margin 0 en pantallas muy pequeñas */ section.is-20a1eaf1{margin:0 4px!important;border-radius:16px!important;} /* Page hero title:más pequeño */ .page-hero-title{font-size:clamp(1.8rem, 8vw, 2.5rem)!important;}}.platform-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;justify-content:center;}.platform-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:100px;font-family:var(--font-accent);font-weight:700;font-size:0.88rem;letter-spacing:0.3px;text-decoration:none;border:1.5px solid transparent;transition:all 0.3s cubic-bezier(0.165,0.84,0.44,1);white-space:nowrap;}.platform-btn svg{flex-shrink:0;transition:transform 0.3s ease;}.platform-btn:hover svg{transform:scale(1.15);}.platform-spotify{background:rgba(30,215,96,0.12);border-color:rgba(30,215,96,0.35);color:#1ED760!important;}.platform-spotify:hover{background:#1ED760;color:#000!important;box-shadow:0 8px 24px rgba(30,215,96,0.35);transform:translateY(-2px);}.platform-apple{background:rgba(177,80,226,0.12);border-color:rgba(177,80,226,0.35);color:#B150E2!important;}.platform-apple:hover{background:#B150E2;color:#fff!important;box-shadow:0 8px 24px rgba(177,80,226,0.35);transform:translateY(-2px);}.platform-ivoox{background:rgba(255,107,53,0.12);border-color:rgba(255,107,53,0.35);color:#FF6B35!important;}.platform-ivoox:hover{background:#FF6B35;color:#fff!important;box-shadow:0 8px 24px rgba(255,107,53,0.35);transform:translateY(-2px);}@media(max-width:768px){.platform-links{gap:10px;}.platform-btn{padding:10px 18px;font-size:0.85rem;}}.episode-topic-tag { display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: var(--text-main) !important; padding: 6px 14px !important; border-radius: 8px !important; font-size: 0.8rem !important; font-weight: 500 !important; margin: 0 !important; transition: all 0.3s ease !important; }.episode-topic-tag:hover { background: rgba(255, 255, 255, 0.1) !important; border-color: rgba(255, 255, 255, 0.25) !important; }.episode-tags-container { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; justify-content: center !important; margin-top: 24px !important; }.episode-key-concept h4 { font-family: var(--font-accent) !important; font-size: 1.15rem !important; color: var(--primary) !important; margin-bottom: 12px !important; font-weight: 700 !important; letter-spacing: -0.01em !important; }.episode-warning { background: rgba(255, 170, 0, 0.06) !important; border: 1px solid rgba(255, 170, 0, 0.15) !important; border-left: 4px solid #ffaa00 !important; border-radius: 6px !important; padding: 24px !important; margin: 32px 0 !important; }.is-8d36396f a { transition: color 0.2s ease !important; }.is-8d36396f a:hover { color: var(--primary) !important; text-decoration: underline !important; }