/* Ajustes del boceto para WordPress: enlaces, fotos reales, formularios y avisos. */

a{text-decoration:none}
.prose a,.note a,.knote a,.contact a:hover,.legal a{text-decoration:underline}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--plum);color:#fff;padding:10px 14px;border-radius:var(--r-s);z-index:200}
.skip:focus{left:8px}
.btn[disabled],.btn.busy{opacity:.6;cursor:progress}
@media (min-width:901px){a.regpill{display:inline-block}}
.linkbtn{display:inline-block}
.logo{cursor:pointer}
span.logo{cursor:default}

/* barra de administración de WordPress */
.admin-bar header.site{top:32px}
.admin-bar .side{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}.admin-bar .side{top:46px}}
@media (max-width:600px){.admin-bar header.site{top:0}.admin-bar .side{top:0;z-index:100000}}

/* portada: los títulos de las diapositivas 2 y 3 son h2 con la misma apariencia */
.slide .h1{font-size:clamp(60px,9.4vw,146px);line-height:1.2}
.pattern .slide .h1{line-height:1.2}
.slide .y{color:var(--volt)}

/* fotos reales en lugar de los dibujos */
.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;transition:transform 300ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){.card:hover .ph img{transform:scale(1.04)}}
.card .ph.has-img{background:#fff;box-shadow:inset 0 0 0 1px var(--line),8px 10px 18px -12px rgba(36,18,63,.35)}
.card .nm{display:block}
.card .qadd{color:#fff}
.cat.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cat.has-img::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(47,24,75,.75))}
.cat.has-img .lbl,.cat.has-img .go{z-index:1}
.coll.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coll.has-img::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(13,13,13,.8))}
.coll.has-img b,.coll.has-img span{z-index:1}
.pdp.has-photos .thumbs button{padding:0}
.thumbs button img{width:100%;height:100%;object-fit:contain;display:block}
.pdp.has-photos .thumbs button{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mainimg img{width:100%;height:100%;object-fit:contain;padding:4%;display:block}
.pdp.has-photos .mainimg{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.info .desc p{margin:8px 0}
.ci .th img{width:100%;height:100%;object-fit:contain;border-radius:6px;display:block}
.ci .th{overflow:hidden}
img.photo{display:block;width:100%;height:auto;border-radius:var(--r-s);object-fit:cover}
.team-sec img.team-photo{aspect-ratio:4/3;border-radius:var(--r-l)}
.proc article img.photo{aspect-ratio:4/3}
.emb .emb-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:860px){.emb .emb-photo{aspect-ratio:16/9}}
.emb .prods a{display:block}
.emb .prods img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.clients .lg.has-logo{border:0;padding:10px}
.clients .lg.has-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.fab .sw8.has-img{overflow:hidden}
.fab .sw8.has-img img{width:100%;height:100%;object-fit:cover;display:block}
.map iframe{width:100%;height:100%;border:0;display:block}
.video{aspect-ratio:16/9;border-radius:var(--r-m);overflow:hidden;background:#0d0d0d}
.video iframe,.video video{width:100%;height:100%;border:0;display:block}
.kcard{width:100%}
.kcard[hidden]{display:none}

/* listado de la tienda */
.cat-side a.chip{color:#fff}
.cat-top .sort label{font-size:13px;color:var(--muted)}
.pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:var(--r-s);background:var(--mist);font-weight:700;color:var(--head)}
.pager .current{background:var(--plum);color:#fff}

/* texto corrido (políticas, descripción larga) */
.prose{max-width:72ch;color:var(--tx2)}
.prose h2,.prose h3{color:var(--head);margin:1.4em 0 .4em}
.prose ul,.prose ol{padding-left:20px}
.prose img{border-radius:var(--r-s)}

/* mi cuenta */
.vt-acct .back{padding-top:22px;margin:0}
.vt-form{max-width:680px}
.order-acts{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}
.order-detail{max-width:860px}
.acct .pcard .btn.ghost{color:#fff}

/* avisos y formularios que imprime WooCommerce (recuperar contraseña, errores) */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{list-style:none;margin:16px 0;padding:12px 16px;border-radius:var(--r-s);background:#e7f6ec;color:#12361f;font-size:14px;font-weight:600}
.woocommerce-error{background:#ffe3e0;color:#7a1c12}
.woocommerce-info{background:var(--mist);color:var(--head)}
.woocommerce-message a.button,.woocommerce-info a.button{float:right;font-weight:800;text-decoration:underline}
.woocommerce-notices-wrapper:empty{display:none}
.vt-acct .lost_reset_password,.vt-acct .woocommerce-ResetPassword{max-width:480px;padding:28px 0 80px}
.vt-acct .form-row{display:grid;gap:6px;margin:0 0 14px}
.vt-acct .form-row label{font-size:13px;font-weight:700}
.vt-acct input.input-text,.vt-acct .woocommerce-Input{border:1.5px solid var(--line);border-radius:var(--r-s);padding:11px 12px;background:var(--paper);width:100%}
.vt-acct input.input-text:focus{border-color:var(--violet);outline:none}
.vt-acct .password-input{display:block;position:relative}
.vt-acct .show-password-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px}
.vt-acct button.button,.vt-acct a.button,.vt-acct .woocommerce-Button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:14px;padding:15px 26px;border-radius:var(--r-s);background:var(--violet);color:#fff}
.vt-acct .clear{clear:both}
.woocommerce-password-strength,.woocommerce-password-hint{font-size:13px;color:var(--muted);display:block;margin-top:6px}

/* ventana de registro */
.modal .mb .lost{display:inline-block;font-size:13px;font-weight:700;color:var(--acc);margin-top:12px;text-decoration:underline}
.modal .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.field small{font-size:12px;color:var(--muted)}

/* barra del muestrario de telas */
.sbar[hidden]{display:none}
body.has-sbar footer.site-foot{padding-bottom:84px}
.tot span:last-child{white-space:nowrap}

/* ---------- Banners de la portada con imagen, GIF o video de fondo ---------- */
/* El banner toma la proporción del archivo (1920×700 en computadora, 1080×1350 en teléfono) para que
   la imagen se vea entera; el texto se ajusta al ancho de la pantalla para caber dentro. */
.slide .media{position:absolute;inset:0;z-index:0;overflow:hidden}
.slide .media img,.slide .media video,.slide .media picture{display:block;width:100%;height:100%}
.slide .media img,.slide .media video{object-fit:cover;object-position:center}
.slide.has-media{grid-template-columns:minmax(0,1fr);aspect-ratio:1920/700;padding-block:clamp(18px,3vw,48px)}
.slide.has-media .txt{max-width:min(48%,640px)}
.slide.has-media .disp{font-size:clamp(44px,6.4vw,118px)}
.slide.has-media p{font-size:clamp(13px,1.35vw,19px);margin:clamp(8px,1.2vw,18px) 0 clamp(12px,1.7vw,26px)}
.slide.has-media.scrim .media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(47,24,75,.82) 0%,rgba(47,24,75,.5) 36%,rgba(47,24,75,0) 62%);pointer-events:none}
@media (max-width:760px){
  .slide.has-media{grid-template-rows:minmax(0,1fr);align-items:end;aspect-ratio:1080/1350;padding-block:28px 24px}
  .slide.has-media .txt{max-width:none}
  .slide.has-media .disp{font-size:clamp(38px,11.5vw,54px)}
  .slide.has-media p{font-size:15px;margin:8px 0 16px}
  .slide.has-media.scrim .media:after{background:linear-gradient(0deg,rgba(47,24,75,.9) 0%,rgba(47,24,75,.62) 32%,rgba(47,24,75,0) 58%)}
}