/* SeeIM · estilos adicionales (octubre 2026)
   Archivo NUEVO: complementa a seeim.css sin modificarlo.
   1) Páginas de servicio (/mystery-shopping/, /encuestas/, /estudios-cuantitativos/, /estudios-cualitativos/). */

/* ---------- 2. Páginas de servicio ---------- */
.svc-hero{padding:clamp(56px,8vw,110px) 0 clamp(40px,6vw,72px);position:relative;overflow:hidden}
.svc-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(2.4rem,5.2vw,4.6rem);line-height:1.02;letter-spacing:-.04em;max-width:18ch;font-variation-settings:"opsz" 96}
.svc-hero h1 em{font-style:normal;color:var(--azul);font-weight:400}
.svc-hero .lead{margin-top:22px;max-width:60ch}
.svc-hero .hero-cta{margin-top:30px}
.svc-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--humo);margin-bottom:26px}
.svc-crumbs a{color:var(--humo)}
.svc-crumbs a:hover{color:var(--azul)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.svc-grid article{border-top:1px solid var(--carbon);padding-top:22px}
.svc-grid h3{font-family:var(--display);font-weight:600;font-size:1.35rem;letter-spacing:-.025em;margin:12px 0 10px;line-height:1.15}
.svc-grid p{color:var(--grafito);font-size:.98rem}
.svc-grid .n{font-family:var(--mono);font-size:.76rem;color:var(--azul);letter-spacing:.08em}
@media (max-width:900px){.svc-grid{grid-template-columns:1fr}}
.svc-list{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px;list-style:none;padding:0}
.svc-list li{position:relative;padding-left:26px;color:var(--grafito);line-height:1.5}
.svc-list li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:12px;border-radius:50%;border:2px solid var(--azul)}
@media (max-width:760px){.svc-list{grid-template-columns:1fr}}
.svc-band{background:var(--carbon);color:var(--hueso);border-radius:20px;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;margin-top:clamp(48px,7vw,96px)}
.svc-band h2{font-family:var(--display);font-weight:600;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.03em}
.svc-band h2 em{font-style:normal;color:#8FB0FF}
.svc-band p{color:#C9C6BE;margin-top:12px;max-width:52ch}
.svc-band .btn-primary{background:var(--hueso);color:var(--carbon);border-color:var(--hueso)}
.svc-band .btn-primary:hover{background:#8FB0FF;border-color:#8FB0FF}
.svc-band .btn-ghost{color:var(--hueso);border-color:#5A5A66}
.svc-band .btn-ghost:hover{background:var(--hueso);color:var(--carbon)}
.svc-band .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.svc-band{grid-template-columns:1fr}.svc-band .actions{justify-content:flex-start}}
.faq{margin-top:40px;border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:20px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;color:var(--azul);font-size:1.5rem;line-height:1;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--grafito);padding:0 0 20px;max-width:70ch}
.svc-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.svc-related a{font-family:var(--mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--linea);border-radius:999px;padding:9px 14px;color:var(--grafito)}
.svc-related a:hover{border-color:var(--azul);color:var(--azul)}
/* Páginas de servicio: bloque «Cómo lo hacemos» sobre fondo oscuro */
.dark .svc-grid article{border-top-color:#4A5A8A}
.dark .svc-grid h3{color:var(--hueso)}
.dark .svc-grid p{color:#B9B7AF}
.dark .svc-grid .n{color:#8FB0FF}

/* ---------- 3. Conmutador de idioma ES | EN ---------- */
.lang{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;margin-right:4px}
.lang a{color:var(--humo);padding:6px 2px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.lang a:hover{color:var(--carbon)}
.lang a[aria-current="page"]{color:var(--carbon);border-bottom-color:var(--carbon)}
.lang i{color:var(--linea);font-style:normal}
@media (max-width:1024px){.lang{display:none}}

/* ---------- 4. Home en inglés: retos de innovación en rejilla estática ---------- */
.en-challenges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.en-challenges article{background:var(--papel);border:1px solid var(--linea);border-radius:18px;padding:24px}
.en-challenges h3{font-family:var(--display);font-weight:600;font-size:1.3rem;letter-spacing:-.025em;line-height:1.15;margin-bottom:8px}
.en-challenges p{color:var(--grafito);font-size:.95rem}
.en-challenges ul{margin:0;padding-left:18px;color:var(--grafito);font-size:.92rem;line-height:1.5}
.en-challenges li{margin-bottom:4px}
@media (max-width:1024px){.en-challenges{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.en-challenges{grid-template-columns:1fr}}

/* Indicadores del encabezado en páginas de servicio: 3 columnas en escritorio, 2 en tableta, 1 en celular */
.svc-aside{margin-top:40px;grid-template-columns:repeat(3,auto);border-left:0;padding-left:0;gap:28px 36px;justify-content:start}
@media (max-width:900px){.svc-aside{grid-template-columns:repeat(2,1fr);border-top:1px solid var(--linea);padding-top:20px}}
@media (max-width:520px){.svc-aside{grid-template-columns:1fr}}

/* ===== [2026-10] Formulario: obligatorios y adjuntos ===== */
.req{color:var(--azul-2,#2E63D6);font-weight:700}
.form-foot small .req{color:var(--azul-2,#2E63D6)}
.field-files input[type=file]{padding:12px 14px;cursor:pointer;color:#C9CAD2}
.field-files input[type=file]:disabled{cursor:not-allowed;opacity:.5}
.field-files input[type=file]::file-selector-button{font:inherit;font-size:.85rem;font-weight:600;padding:8px 14px;margin-right:12px;border-radius:999px;border:1px solid #3A3A45;background:#2A2A32;color:#fff;cursor:pointer}
.field-files input[type=file]:disabled::file-selector-button{cursor:not-allowed}
.field-files input[type=file]:not(:disabled)::file-selector-button:hover{background:var(--azul-2,#2E63D6);border-color:var(--azul-2,#2E63D6)}
.files-hint{color:#9A9AA6;font-size:.78rem;line-height:1.5}
.files-hint.ok{color:#8FBF9F}
.form-alert{background:#FBE4E4;color:#8C1D1C;padding:10px 14px;border-radius:10px;font-size:.9rem}