/* ============================================================
   Trace ID — Catálogo RFID · styles.css
   Tokens, base, layout, header, hero, secciones, footer.
   Todo namespaced bajo .tid-catalogo para no romper el tema.
   ============================================================ */

.tid-catalogo{
  /* Color */
  --c-graphite-900:#0E1116; --c-graphite-800:#161B22; --c-graphite-700:#222A35;
  --c-steel-500:#5B6470; --c-steel-300:#AEB6C0;
  --c-mist-100:#F4F6F8; --c-white:#FFFFFF;
  --c-accent-600:#0072CE; --c-accent-700:#005BA6; --c-accent-soft:#E6F0FA;
  --c-success:#1E8E5A; --c-warning:#C8860A;
  /* Tipografía */
  --font-ui:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  /* Espaciado y radios */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;
  --radius:16px; --radius-sm:10px;
  /* Metal */
  --metal-base:linear-gradient(135deg,#d7dbe0 0%,#aeb4bc 18%,#eef1f4 38%,#b9bfc7 60%,#9aa0a8 82%,#cdd2d8 100%);
  --metal-dark:linear-gradient(135deg,#3a4049 0%,#222a35 30%,#454d58 55%,#2a313b 80%,#3f464f 100%);
}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.tid-catalogo section[id]{scroll-margin-top:80px}
*,*::before,*::after{box-sizing:border-box}
.tid-catalogo{margin:0;font-family:var(--font-ui);color:var(--c-graphite-900);background:var(--c-white);line-height:1.6;-webkit-font-smoothing:antialiased}
.tid-catalogo img{max-width:100%;display:block}
.tid-catalogo a{color:var(--c-accent-600);text-decoration:none}
.tid-catalogo a:hover{text-decoration:underline}
.tid-catalogo h1,.tid-catalogo h2,.tid-catalogo h3{line-height:1.15;margin:0 0 .4em;font-weight:700;letter-spacing:-.01em}
:focus-visible{outline:3px solid var(--c-accent-600);outline-offset:2px;border-radius:4px}

.container{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--sp-6)}
.container--narrow{max-width:820px}
.eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-accent-600);font-weight:600;margin:0 0 var(--sp-3)}

/* ---- Header ---- */
.tid-header{position:sticky;top:0;z-index:50;background:rgba(14,17,22,.92);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.tid-header__inner{display:flex;align-items:center;gap:var(--sp-6);min-height:64px}
.tid-logo{font-weight:800;font-size:1.3rem;color:#fff;letter-spacing:-.02em}
.tid-logo span{color:var(--c-accent-600)}
.tid-nav{display:flex;gap:var(--sp-6);margin-left:auto;flex-wrap:wrap}
.tid-nav a{color:#cfd5dd;font-size:.95rem;font-weight:500}
.tid-nav a:hover{color:#fff;text-decoration:none}
.tid-header__cta{margin-left:var(--sp-4)}

/* ---- Hero ---- */
.hero{background:radial-gradient(120% 140% at 80% 0%,#1b2230 0%,var(--c-graphite-900) 55%);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 2px,transparent 2px 5px);pointer-events:none}
.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-16);align-items:center;padding:var(--sp-24) 0}
.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);color:#fff}
.hero__sub{font-size:1.18rem;color:#c8cfd8;max-width:46ch;margin:0 0 var(--sp-8)}
.hero__sub strong{color:#fff}
.hero__actions{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-8)}
.trust-row{list-style:none;display:flex;gap:var(--sp-6);flex-wrap:wrap;padding:0;margin:0}
.trust-row li{font-size:.85rem;color:#aeb6c0;padding-left:var(--sp-4);position:relative}
.trust-row li::before{content:"●";position:absolute;left:0;color:var(--c-accent-600);font-size:.6rem;top:.35em}

/* Hero visual: etiqueta RFID realista sobre panel metálico */
.hero__visual{display:grid;place-items:center}
.hero-tag{width:min(440px,92%);aspect-ratio:3/2;border-radius:20px;background:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 2px,rgba(0,0,0,.05) 2px 4px),var(--metal-base);background-size:auto,200% 200%;box-shadow:0 40px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6);position:relative;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;overflow:hidden;animation:heroSheen 7s ease-in-out infinite}
.hero-tag::before{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);animation:heroGlint 7s ease-in-out infinite}
.hero-tag__img{
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;

  width:auto;
  height:auto;
  max-width:84%;
  max-height:72%;

  margin:0;
  object-fit:contain;
  object-position:center;

  transform:translate(-50%,-50%);

  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.06) brightness(1.03);
}
.hero-tag__badge{position:absolute;top:16px;left:16px;z-index:2;background:rgba(14,17,22,.85);color:#fff;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:5px 12px;border-radius:999px}
.hero-tag .tag-svg{width:84%;position:relative;z-index:1}
@keyframes heroSheen{0%,100%{background-position:auto,0% 50%}50%{background-position:auto,100% 50%}}
@keyframes heroGlint{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.hero-tag,.hero-tag::before{animation:none}}

/* ---- Secciones ---- */
.section{padding:var(--sp-24) 0}
.section--light{background:var(--c-white)}
.section--mist{background:var(--c-mist-100)}
.section--dark{background:var(--c-graphite-800);color:#dfe4ea}
.section--accent{background:var(--c-accent-soft)}
.section__title{font-size:clamp(1.6rem,3.2vw,2.25rem)}
.section__title--light{color:#fff}
.section__lead{font-size:1.1rem;color:var(--c-steel-500);max-width:62ch;margin:0 0 var(--sp-12)}
.section--dark .section__lead{color:#aeb6c0}

/* ---- Footer ---- */
.tid-footer{background:var(--c-graphite-900);color:#8b939e;padding:var(--sp-12) 0;font-size:.9rem}
.tid-footer__note{color:#5B6470;font-size:.82rem;margin-top:var(--sp-2)}

/* ---- Cierre ---- */
.closing__inner{text-align:center}
.closing h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:var(--sp-8)}
.closing .hero__actions{justify-content:center}

/* ============================================
   CATÁLOGO RFID — HERO FULL WIDTH
   ============================================ */

body.page-id-49900 {
    overflow-x: hidden;
}

body.page-id-49900 .tid-catalogo {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

body.page-id-49900 .tid-catalogo .hero {
    position: relative;

    width: 100vw !important;
    max-width: none !important;

    left: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;

    box-sizing: border-box;
}

body.page-id-49900 .tid-catalogo .hero__inner {
    width: calc(100% - 48px) !important;
    max-width: 1320px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}

@media only screen and (max-width: 768px) {
    body.page-id-49900 .tid-catalogo .hero__inner {
        width: calc(100% - 32px) !important;
    }
}

@media only screen and (max-width: 480px) {
    body.page-id-49900 .tid-catalogo .hero__inner {
        width: calc(100% - 24px) !important;
    }
}
/* Fondo del selector a ancho completo */
.tid-catalogo #selector {
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* ============================================
   SELECTOR RFID - REDUCIR ESPACIADOS INTERNOS
   ============================================ */

.tid-catalogo #selector .section__title {
    margin-bottom: 8px;
}

.tid-catalogo #selector .section__lead {
    margin-bottom: 16px;
}

.tid-catalogo #selector .selector {
    padding: 18px;
}

.tid-catalogo #selector .selector__groups {
    gap: 12px;
}

.tid-catalogo #selector .filter-group {
    gap: 5px;
}

.tid-catalogo #selector .filter-group__label {
    margin-bottom: 0;
}

.tid-catalogo #selector .filter-select {
    margin: 0;
}

.tid-catalogo #selector .selector__bar {
    margin-top: 14px;
    padding-top: 14px;
}

.tid-catalogo #selector .selector__count {
    margin: 0;
}
/* Fondo de la sección RFID para metal a ancho completo */
.tid-catalogo #metal {
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* ============================================
   CORRECCIÓN DE MÁRGENES CONTACT FORM 7
   ============================================ */

/* Elimina márgenes automáticos de los párrafos de CF7 */
.tid-catalogo #recomendacion .rec-form p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Compacta el formulario */
.tid-catalogo #recomendacion .rec-form {
    gap: 14px !important;
}

/* Reduce la separación entre filas */
.tid-catalogo #recomendacion .rec-form__row {
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reduce espacio entre label y campo */
.tid-catalogo #recomendacion .rec-form label {
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Evita espacios adicionales del wrapper de CF7 */
.tid-catalogo #recomendacion .rec-form .wpcf7-form-control-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* Altura compacta de los campos */
.tid-catalogo #recomendacion .rec-form input[type="text"],
.tid-catalogo #recomendacion .rec-form input[type="email"],
.tid-catalogo #recomendacion .rec-form input[type="tel"],
.tid-catalogo #recomendacion .rec-form select {
    min-height: 48px !important;
    margin: 0 !important;
}

/* Textarea */
.tid-catalogo #recomendacion .rec-form textarea {
    margin: 0 !important;
    min-height: 110px !important;
}

/* Checkbox y botón sin márgenes extra */
.tid-catalogo #recomendacion .rec-form__check,
.tid-catalogo #recomendacion .rec-form__submit {
    margin: 0 !important;
    padding: 0 !important;
}

/* Fondo completo de la sección fabricante de etiquetas RFID */
.tid-catalogo .authority {
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* ============================================
   FAQ - REDUCIR MÁRGENES SUPERIOR E INFERIOR
   ============================================ */

.tid-catalogo #faq {
    padding-top: 38px;
    padding-bottom: 18px;
}

/* Fondo completo de la sección final */
.tid-catalogo .closing {
    position: relative;
    width: 100vw;
    max-width: none;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.tid-catalogo .closing {
    padding-top: 46px;
    padding-bottom: 46px;
}

body.page-id-49900 main,
body.page-id-49900 .site-content,
body.page-id-49900 .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Ocultar únicamente el título visible de esta página */
body.page-id-49900 .entry-header,
body.page-id-49900 .entry-title,
body.page-id-49900 .page-title {
    display: none !important;
}