/* ==========================================================================
   Bluemetrica · capa visual 2026 (alineada con datalab.bluemetrica.mx)
   Se carga después de los estilos de cada página y solo ajusta lo común:
   tipografía, rótulos, botones, tarjetas, encabezados oscuros, contacto y pie.
   ========================================================================== */
:root{
  --grad-brand:linear-gradient(120deg,#00dbd1 0%,#1ab9d6 35%,#2e93d0 65%,#2c60ab 100%);
  --abismo:#0b1e3d; --abismo-2:#0f2850; --marino-100:#16376a; --glaciar-100:#107d92;
  --shadow-soft:0 20px 50px -24px rgba(22,55,106,.35);
  --radius-card:22px;
  --font-head:'Prompt',system-ui,sans-serif;
}

/* ---------- Tipografía ---------- */
h1,h2{letter-spacing:-.02em;}
h2{color:var(--marino-100);}
h3,h4{font-family:var(--font-head);}
.hl{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero h1 .accent{background:linear-gradient(120deg,#00dbd1,#1ab9d6);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Rótulos de sección: mayúsculas con raya de degradado */
.kicker{display:inline-flex;align-items:center;gap:.6em;border:0;padding:0;margin-bottom:16px;font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--glaciar-100);}
.kicker::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-brand);}
.section-head.center .kicker{justify-content:center;}
.eyebrow-pill{background:none;border:0;padding:0;border-radius:0;gap:.6em;font-family:var(--font-head);font-weight:600;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#5fd4da;}
.eyebrow-pill::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--grad-brand);}

/* ---------- Encabezado y navegación ---------- */
header{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
nav.primary a.nav-cta{background:var(--grad-brand);color:#fff;box-shadow:0 12px 30px -12px rgba(26,185,214,.7);}
nav.primary a.nav-cta:hover{background:var(--marino-100);color:#fff;}

/* ---------- Botones ---------- */
.btn{font-family:var(--font-head);font-weight:600;}
.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 12px 30px -12px rgba(26,185,214,.7);}
.btn-primary:hover{color:#fff;box-shadow:0 18px 36px -14px rgba(26,185,214,.85);}
.btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.btn-dark{background:var(--marino-100);}
.btn-dark:hover{background:#214484;}

/* ---------- Encabezados de página: marino profundo con brillo turquesa ---------- */
.hero,.page-hero{background:radial-gradient(60% 90% at 88% 0%,rgba(26,185,214,.38),transparent 60%),radial-gradient(50% 70% at 0% 100%,rgba(0,219,209,.16),transparent 60%),linear-gradient(160deg,var(--abismo-2) 0%,var(--abismo) 55%,var(--marino-100) 100%);}
.hero .blob,.page-hero .blob{opacity:.18;}
.page-hero .quicklinks a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}

/* Tarjetas de cifras del inicio: vidrio oscuro */
.glass-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 60px -28px rgba(0,0,0,.6);}
.glass-card.gc-2{background:rgba(255,255,255,.1);}
.glass-card .stat-num{font-family:'Archivo Black',sans-serif;font-weight:400;background:linear-gradient(120deg,#00dbd1,#1ab9d6 60%,#7fd3f0);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* ---------- Tarjetas: sin borde, sombra suave, radio amplio ---------- */
.impact-card,.value-card,.process-card,.about-num-card,.cert-badge,.news-card,.news-card-dyn,.faq-item,.pillar{border:0;box-shadow:var(--shadow-soft);}
.impact-card,.value-card,.process-card,.about-num-card,.news-card,.news-card-dyn{border-radius:var(--radius-card);}
.overview-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);}
.overview-card.marketing{background:radial-gradient(80% 90% at 100% 0%,rgba(26,185,214,.35),transparent 60%),linear-gradient(150deg,var(--abismo-2),var(--marino-100));}
.overview-card.content{background:radial-gradient(80% 90% at 100% 0%,rgba(0,219,209,.35),transparent 60%),linear-gradient(150deg,#107d92,#2e93d0);}
.value-card h4,.process-card h4{font-family:var(--font-head);font-weight:800;color:var(--marino-100);}

/* Cifras con degradado de marca */
.impact-card .num,.about-num-card .num{font-family:'Archivo Black',sans-serif;font-weight:400;letter-spacing:-.01em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.process-card .step-num{font-family:'Archivo Black',sans-serif;font-size:1rem;letter-spacing:.04em;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}

/* Viñetas cuadradas como en datalab */
.feature-list li::before{content:"";top:.55em;width:7px;height:7px;border-radius:2px;background:var(--grad-brand);}

/* Preguntas frecuentes */
.faq-item{background:#fff;border-radius:16px;}
.faq-item summary{font-family:var(--font-head);font-weight:600;color:var(--marino-100);}

/* Certificaciones */
.cert-badge{background:#fff;border-radius:16px;}

/* Noticias */
.news-thumb{background:radial-gradient(80% 90% at 100% 0%,rgba(26,185,214,.4),transparent 60%),linear-gradient(150deg,var(--abismo-2),var(--marino-100));}
.news-body h4{font-family:var(--font-head);font-weight:800;}

/* ---------- Contacto: sección oscura con formulario de vidrio ---------- */
.contact{background:radial-gradient(55% 80% at 100% 0%,rgba(26,185,214,.3),transparent 60%),radial-gradient(45% 70% at 0% 100%,rgba(0,219,209,.14),transparent 60%),linear-gradient(160deg,var(--abismo-2),var(--abismo));}
form#lead-form{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-card);box-shadow:0 24px 60px -28px rgba(0,0,0,.6);}
.form-submit{background:var(--grad-brand);color:#fff;font-family:var(--font-head);font-weight:600;border-radius:999px;box-shadow:0 12px 30px -12px rgba(26,185,214,.7);}
.form-submit:hover{background:#fff;color:var(--marino-100);}

/* ---------- Pie de página ---------- */
footer{background:var(--abismo);}
footer .footer-grid h5{font-family:var(--font-head);font-weight:600;letter-spacing:.04em;}

/* ---------- Banner de cookies ---------- */
.cookie-inner{border-radius:var(--radius-card);}
.cc-accept,.cc-save{background:var(--grad-brand);color:#fff;border-color:transparent;}

/* ---------- Certificaciones: una sola fila ordenada ---------- */
.certs{padding:72px 0;border:0;}
.certs .wrap.certs-wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,2fr);gap:40px;align-items:center;}
.certs-title{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2;margin:0;}
.certs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.cert-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:var(--radius-card);padding:22px 20px;box-shadow:var(--shadow-soft);}
.cert-card svg{width:40px;height:40px;flex-shrink:0;}
.cert-card b{display:block;font-family:var(--font-head);font-weight:800;font-size:1.02rem;color:var(--marino-100);}
.cert-card span{display:block;margin-top:4px;font-size:.88rem;line-height:1.45;color:var(--ink-soft);}
@media (max-width:900px){.certs .wrap.certs-wrap{grid-template-columns:1fr;gap:24px;}.certs-grid{grid-template-columns:1fr;}}

/* ---------- Fotografía y video propios ---------- */
.en-accion{padding:88px 0;}
.en-accion .section-head{max-width:640px;margin-bottom:36px;}
.en-accion .section-head p{color:var(--ink-soft);margin-top:12px;}
.accion-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:240px;grid-auto-flow:dense;gap:16px;}
.accion-grid .tall{grid-row:span 2;}
.accion-grid .wide{grid-column:span 2;}
.foto-tile{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--abismo-2);box-shadow:var(--shadow-soft);}
.foto-tile img,.foto-tile video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.foto-tile:hover img,.foto-tile:hover video{transform:scale(1.04);}
.foto-tile figcaption,.service-photo .photo-cap{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(11,30,61,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-head);font-size:.78rem;font-weight:500;letter-spacing:.02em;}
.en-accion-strip{padding:0 0 88px;}
.accion-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.accion-strip .foto-tile{aspect-ratio:4/3;}
.service-art.service-photo{border:0;background:var(--abismo-2);box-shadow:var(--shadow-soft);min-height:420px;}
.service-photo img,.service-photo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.article-cover{aspect-ratio:16/9;object-fit:cover;box-shadow:var(--shadow-soft);}
.news-thumb img{width:100%;height:100%;object-fit:cover;}
@media (max-width:900px){.accion-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px;}.accion-grid .wide{grid-column:span 2;}.accion-strip{grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce){.foto-tile img,.foto-tile video{transition:none;}.foto-tile:hover img,.foto-tile:hover video{transform:none;}}

/* ---------- Paneles tipo datalab en Marketing ---------- */
.hero .glass-card.gc-1{top:auto;bottom:24px;}
.service-art.dash-art{border:0;min-height:400px;padding:28px;background:radial-gradient(70% 80% at 100% 0%,rgba(26,185,214,.32),transparent 60%),linear-gradient(160deg,var(--abismo-2),var(--abismo));box-shadow:var(--shadow-soft);}
.dash{width:100%;max-width:440px;color:#fff;font-size:.86rem;}
.dash-src{margin:14px 0 0;font-size:.7rem;color:rgba(255,255,255,.55);}
.dash-search{display:flex;align-items:center;gap:10px;background:#fff;color:var(--marino-100);border-radius:999px;padding:10px 16px;margin-bottom:16px;font-size:.85rem;}
.dash-search svg{width:16px;height:16px;fill:none;stroke:var(--marino-100);stroke-width:2.2;stroke-linecap:round;flex-shrink:0;}
.serp{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;margin-bottom:6px;}
.serp>div{flex:1;}
.serp-pos{font-family:'Archivo Black',sans-serif;font-size:.8rem;color:rgba(255,255,255,.5);width:14px;}
.serp b{display:block;font-family:var(--font-head);font-weight:600;color:#fff;margin-bottom:6px;}
.serp b.g{height:9px;width:45%;border-radius:4px;background:rgba(255,255,255,.3);}
.serp i{display:block;height:7px;width:90%;border-radius:4px;background:rgba(255,255,255,.14);margin-bottom:5px;}
.serp i.s{width:65%;}
.serp-hit{background:rgba(10,165,173,.18);border:1px solid rgba(95,212,218,.45);}
.serp-hit .serp-pos{color:#5fd4da;}
.ai-answer{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);}
.ai-tag{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#5fd4da;}
.ai-answer p{margin:6px 0 0;font-size:.82rem;color:rgba(255,255,255,.85);}
.ai-answer u{text-decoration:none;color:#fff;font-weight:600;border-bottom:2px solid #0aa5ad;}
@media (max-width:520px){.service-art.dash-art{padding:18px;}}
@media (max-width:900px){.hero .trend-hero{display:none;}.hero .hero-visual{height:auto;}.hero .glass-card.gc-1{position:relative;bottom:auto;width:100%;}}

/* Laptop con el sitio de un cliente */
.laptop{margin:0;width:100%;max-width:470px;padding:0 6%;}
.laptop-screen{background:#0d1526;border:10px solid #1b2333;border-bottom-width:14px;border-radius:14px 14px 0 0;aspect-ratio:16/10;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);}
.laptop-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.laptop-base{height:12px;margin:0 -7%;background:linear-gradient(#c9d0db,#8e97a6);border-radius:0 0 14px 14px;position:relative;}
.laptop-base::before{content:"";position:absolute;left:42%;right:42%;top:0;height:5px;background:#6f7888;border-radius:0 0 6px 6px;}
.laptop-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;}
.laptop-chips span{font-size:.74rem;color:rgba(255,255,255,.8);padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);}
.laptop-chips b{font-family:'Archivo Black',sans-serif;font-weight:400;color:#5fd4da;margin-right:4px;}
.laptop figcaption>.dash-src{display:block;text-align:center;}

/* ---------- Encabezados de página: claros, con vidrio y objetos sin marco ---------- */
.page-hero{background:radial-gradient(38% 60% at 82% 28%,rgba(26,185,214,.30),transparent 70%),radial-gradient(32% 55% at 66% 86%,rgba(0,219,209,.24),transparent 70%),radial-gradient(45% 70% at 4% 0%,rgba(44,96,171,.14),transparent 70%),#f3f7fb;color:var(--ink);}
.page-hero .blob{display:none;}
.page-hero h1{color:var(--marino-100);}
.page-hero p.lede{color:var(--ink-soft);}
.page-hero .eyebrow-pill{color:var(--glaciar-100);}
.page-hero .quicklinks a{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.95);color:var(--marino-100);box-shadow:0 10px 24px -16px rgba(22,55,106,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.page-hero .quicklinks a:hover{background:#fff;}
.page-hero .wrap.hero-split{max-width:1200px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;}
.hero-media{position:relative;margin:0;min-height:340px;display:flex;align-items:center;justify-content:center;}
.hero-media img{width:100%;max-height:420px;object-fit:contain;display:block;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);}
.hero-chip{position:absolute;left:0;bottom:8%;max-width:300px;display:flex;gap:10px;align-items:baseline;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 40px -22px rgba(22,55,106,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--ink-soft);font-size:.86rem;line-height:1.35;text-decoration:none;}
.hero-chip b{font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.2rem;white-space:nowrap;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
a.hero-chip:hover{background:rgba(255,255,255,.85);color:var(--marino-100);}
.hero-stats{display:grid;gap:14px;}
.hero-stats div{padding:18px 22px;border-radius:var(--radius-card);background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 40px -24px rgba(22,55,106,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.hero-stats div:nth-child(2){margin-left:12%;}
.hero-stats div:nth-child(3){margin-left:4%;}
.hero-stats b{display:block;font-family:'Archivo Black',sans-serif;font-weight:400;font-size:1.6rem;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-stats span{display:block;margin-top:2px;font-size:.88rem;color:var(--ink-soft);}
@media (max-width:960px){.page-hero .wrap.hero-split{grid-template-columns:1fr;gap:16px;}.hero-media{min-height:0;max-width:480px;flex-direction:column;}.hero-media img{max-height:300px;}.hero-chip{position:relative;left:auto;bottom:auto;margin-top:-30px;}.hero-stats div:nth-child(n){margin-left:0;}}
.hero-media img.cutout{-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);max-height:380px;width:auto;max-width:100%;}
@media (max-width:960px){.hero-media img.cutout{max-height:250px;}}
.hero-pilares{flex-direction:column;}
.hero-pilares .hero-chip{position:absolute;left:auto;bottom:auto;max-width:280px;}
.hero-pilares .hero-chip:nth-of-type(1){top:6%;left:0;}
.hero-pilares .hero-chip:nth-of-type(2){top:40%;right:0;}
.hero-pilares .hero-chip:nth-of-type(3){bottom:6%;left:8%;}
.hero-pilares .hero-chip b{font-size:1rem;}
@media (max-width:960px){.hero-pilares .hero-chip{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:8px 0 0;width:100%;max-width:none;}.hero-pilares .hero-chip:first-of-type{margin-top:-24px;}}
.hero-media img.glass-art{-webkit-mask-image:none;mask-image:none;max-height:none;width:112%;max-width:none;margin:-4% -6% 0;}
.hero-media .hero-chip{bottom:-2%;left:-4%;}
.hero-pilares .hero-chip:nth-of-type(1){top:0;left:-6%;}
.hero-pilares .hero-chip:nth-of-type(2){top:40%;right:-6%;}
.hero-pilares .hero-chip:nth-of-type(3){bottom:0;left:2%;}
@media (max-width:960px){.hero-media img.glass-art{width:100%;margin:0;}.hero-media .hero-chip{bottom:auto;left:auto;margin-top:-20px;}}
.hero-pilares .hero-chip:nth-of-type(1){top:2%;bottom:auto;left:-4%;right:auto;}
.hero-pilares .hero-chip:nth-of-type(2){top:38%;bottom:auto;right:-6%;left:auto;}
.hero-pilares .hero-chip:nth-of-type(3){top:auto;bottom:2%;left:4%;right:auto;}
@media (max-width:960px){.hero-media.hero-pilares .hero-chip{margin-top:8px;}.hero-media.hero-pilares .hero-chip:first-of-type{margin-top:-24px;}}
.hero-media img.glass-art.fade{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);}
.hero-pilares img.glass-art{width:88%;margin:0 auto;}
.hero-media img.glass-art.fade-x{-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 88%,transparent);opacity:.92;}