@font-face{font-family:'Exo 2';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/exo2-400.woff2') format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/exo2-500.woff2') format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/exo2-600.woff2') format('woff2')}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/exo2-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2')}

/* indadul.es — tokens y base. Colores y tipografía del design system. */
:root{
  --in-navy:#1E3149; --in-deep:#142234; --in-blue:#3E72C8; --in-sky:#79C3E8; --in-amber:#F2C43C;
  --accent:#3E72C8; --accent-tint:rgba(62,114,200,.10); --accent-soft:#79C3E8;
  --bg-canvas:#FFFFFF; --bg-surface:#FFFFFF; --bg-inset:#EEF1F6;
  --border-subtle:#EEF1F6; --border-default:#E3E8EF; --border-strong:#C7D0DE;
  --text-primary:#1F2937; --text-secondary:#4B5563; --text-tertiary:#7A8699;
  --danger:#B3261E; --success:#1B7A4B;
  --radius-md:8px; --radius-lg:12px; --radius-xl:20px;
  --font-display:'Exo 2',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif;
  --duration-fast:120ms; --duration-normal:180ms; --ease-standard:cubic-bezier(.2,0,.2,1);
  --shadow-sm:0 1px 2px rgba(16,24,40,.06); --shadow-md:0 4px 12px rgba(16,24,40,.10);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}
img{max-width:100%}
picture{display:contents}
a{color:var(--in-blue);text-decoration:none}
a:hover{color:var(--in-navy)}
h1,h2,h3{text-wrap:pretty}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.eyebrow{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--in-blue);margin-bottom:12px}

/* Cabecera */
.head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-subtle)}
.head-in{max-width:1200px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.head-nav{display:flex;align-items:center;gap:1px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.head-nav a{font-size:13px;font-weight:500;color:var(--text-secondary);padding:8px 9px;border-radius:var(--radius-md);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard)}
.head-nav a:hover{background:var(--bg-inset);color:var(--in-navy)}
.head-nav a[aria-current="page"]{background:var(--bg-inset);color:var(--in-navy);font-weight:600}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:16px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--duration-normal) var(--ease-standard),border-color var(--duration-normal)}
.btn-md{height:42px;padding:0 20px;font-size:15px}
.btn-primary{background:var(--in-navy);color:#fff}
.btn-primary:hover{background:var(--in-deep);color:#fff}
.btn-ghost{border-color:var(--border-strong);color:var(--in-navy);background:#fff}
.btn-ghost:hover{border-color:var(--in-blue);color:var(--in-navy)}
.btn-light{background:#fff;color:var(--in-navy)}
.btn-light:hover{color:var(--in-navy)}
.btn-outline-light{border-color:rgba(255,255,255,.3);color:#fff;background:transparent}
.btn-outline-light:hover{border-color:#fff;color:#fff}

/* Tarjetas y utilidades */
.card{border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:30px;background:#fff}
.card-hover{transition:box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-normal)}
.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--in-blue)}
.rule{width:40px;height:4px;border-radius:2px;margin-bottom:22px}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-tint);color:var(--in-blue)}
.badge-warning{background:rgba(242,196,60,.22);color:#7A5B00}
.badge-success{background:rgba(27,122,75,.12);color:var(--success)}
.badge-danger{background:rgba(179,38,30,.1);color:var(--danger)}
.foto{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.grid{display:grid;gap:20px}
.sec{padding-top:84px}

/* Fichas de producto */
.tabla{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;margin-top:16px}
.tabla-cab,.tabla-fila{display:grid;grid-template-columns:64px minmax(0,2.2fr) minmax(0,1.2fr) 74px;gap:14px;align-items:center}
.tabla-cab{background:var(--in-navy);padding:11px 20px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.14em;color:#fff}
.tabla-cab span{color:rgba(255,255,255,.75)}
.tabla-fila{padding:12px 20px;border-top:1px solid var(--border-subtle)}
.miniatura{position:relative;width:64px;height:64px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden}
.miniatura img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.miniatura-vacia{background:var(--bg-inset)}
.marca-ov{position:absolute;right:3px;bottom:3px;opacity:.78;pointer-events:none}
.ref{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--text-tertiary);text-align:right}

/* Formularios */
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-size:13px;font-weight:600;color:var(--text-secondary)}
.campo input,.campo textarea{height:44px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;color:var(--in-navy);background:#fff}
.campo textarea{height:auto;padding:12px 14px;min-height:90px}
.campo input:focus,.campo textarea:focus{outline:none;border-color:var(--in-blue);box-shadow:0 0 0 3px var(--accent-tint)}

/* FAQ */
.faq{border-top:1px solid var(--border-default)}
.faq details{border-bottom:1px solid var(--border-default);padding:18px 0}
.faq summary{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--in-navy);cursor:pointer;list-style:none;display:flex;gap:14px;align-items:baseline}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";color:var(--in-blue);font-size:13px}
.faq details[open] summary::before{content:"–"}
.faq p{font-size:15.5px;line-height:1.7;color:var(--text-secondary);margin:12px 0 4px 28px;max-width:76ch}

/* Pie */
.pie{background:var(--in-deep);color:#fff;padding:56px 22px 34px;margin-top:96px}
.pie a{color:rgba(255,255,255,.72)}
.pie a:hover{color:#fff}
.pie-col-t{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--in-sky);margin-bottom:16px}
@media print{.head,.pie{display:none}}