/* Kit interior de Estrategas Olfativos: la cara de la portada 2026 sobre las clases reales .eo-* y del tema.
   Solo visual: no cambia textos, secciones, precios ni filtros. Todo cuelga de body.eo-int: sin esa clase, no aplica.
   Borrador sobre la copia local de /difusores/. Sin subir. Valores: rediseno-portada-2026/prototipo/src/eo3.css.
   Rutas de letras: en la maqueta se sirven desde assets/fuentes/. Al subir, apuntar a uploads/eo-portada-v3/. */
@font-face { font-family: "EO Fraunces"; src: url(assets/fuentes/fraunces-144-380.woff2) format("woff2"); font-weight: 380; font-style: normal; font-display: swap; }
@font-face { font-family: "EO Fraunces"; src: url(assets/fuentes/fraunces-italica-144-340.woff2) format("woff2"); font-weight: 380; font-style: italic; font-display: swap; }
@font-face { font-family: "EO Work"; src: url(assets/fuentes/worksans-400.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "EO Work"; src: url(assets/fuentes/worksans-600.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "EO Mono"; src: url(assets/fuentes/plex-mono-500.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

.eo-int {
  --petroleo: #12303C; --crema: #FEFBF9; --arena: #FBEDE6; --lineas: #F0DDD3;
  --turquesa: #23C0A8; --turquesa-texto: #0C6E63; --coral-texto: #B93A20;
  --titular: #22262B; --texto: #474E55;
  --serif: "EO Fraunces", Georgia, "Times New Roman", serif;
  --sans: "EO Work", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: "EO Mono", ui-monospace, Consolas, monospace;
  --margen: 96px; --tope: 1440px;
  background: var(--crema);
}
@media (max-width: 1100px) { .eo-int { --margen: 48px; } }
@media (max-width: 767px)  { .eo-int { --margen: 20px; } }

/* ---------- Un solo margen ---------- */
.eo-int .eo-landing { font-family: var(--sans); color: var(--texto); font-size: 16px; line-height: 1.55; }
.eo-int .eo-landing .eo-landing { overflow: visible; }
.eo-int .eo-landing .eo-wrap { max-width: var(--tope); padding: 0 var(--margen); box-sizing: border-box; }
.eo-int .eo-landing .eo-wrap .eo-cat { max-width: none; padding: 0; }
.eo-int .eo-landing section { padding: 88px 0; }

/* ---------- Letras ---------- */
.eo-int .eo-landing h1, .eo-int .eo-landing h2, .eo-int .eo-landing h3 { font-family: var(--serif); font-weight: 380; color: var(--titular); }
.eo-int .eo-landing h2 { font-size: clamp(32px, 3.6vw, 48px); line-height: 1.06; letter-spacing: -.02em; }
.eo-int .eo-landing h3 { letter-spacing: -.01em; }

/* ---------- Apertura: etiqueta + H1 ---------- */
.eo-int .eo-landing .eo-top { background: var(--crema); padding: 72px 0 40px; }
.eo-int .eo-landing .eo-kick {
  display: flex; align-items: center; margin: 0;
  font-family: var(--mono); font-weight: 500; font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--turquesa-texto);
}
.eo-int .eo-landing .eo-kick::before { content: ""; flex: none; width: 8px; height: 8px; margin-right: 12px; border-radius: 50%; background: var(--turquesa); }
.eo-int .eo-landing .eo-top h1 { margin: 20px 0 18px; font-size: 60px; line-height: 1.04; letter-spacing: -.02em; }
.eo-int .eo-landing .eo-top .eo-intro { max-width: 34em; font-size: 19px; line-height: 1.5; color: var(--texto); }
@media (max-width: 767px) {
  .eo-int .eo-landing .eo-top { padding: 44px 0 16px; }
  .eo-int .eo-landing .eo-top h1 { font-size: 40px; }
  .eo-int .eo-landing .eo-top .eo-intro { font-size: 17px; }
  .eo-int .eo-landing .eo-kick { font-size: 10.5px; letter-spacing: .14em; }
  .eo-int .eo-landing .eo-kick::before { margin-right: 9px; }
  .eo-int .eo-landing section { padding: 56px 0; }
}
.eo-int .eo-landing #difusores { padding-top: 16px; }

/* ---------- Botones ---------- */
.eo-int .eo-landing .eo-btn {
  min-height: 56px; padding: 0 28px; border-radius: 999px; border: 1.5px solid transparent;
  font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.2;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.eo-int .eo-landing .eo-btn-1 { background: var(--petroleo); color: var(--crema); }
.eo-int .eo-landing .eo-btn-1:hover, .eo-int .eo-landing .eo-btn-1:focus { background: #0b222b; color: var(--crema); }
.eo-int .eo-landing .eo-btn-2 { background: transparent; color: var(--petroleo); border-color: var(--petroleo); }
.eo-int .eo-landing .eo-btn-2:hover, .eo-int .eo-landing .eo-btn-2:focus { background: var(--petroleo); color: var(--crema); }

/* ---------- Filtros ---------- */
.eo-int .eo-filtros { padding-bottom: 24px; margin-bottom: 36px; border-bottom-color: var(--lineas); gap: 10px; }
.eo-int .eo-filtros-l, .eo-int .eo-filtros-n { font-family: var(--mono); font-weight: 500; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--texto); }
.eo-int .eo-filtros-n b { font-weight: 500; color: var(--turquesa-texto); }
.eo-int .eo-chipf { min-height: 44px; padding: 0 20px; background: transparent; border: 1.5px solid var(--lineas); border-radius: 999px; font-family: var(--sans); font-size: 15px; font-weight: 600; color: var(--titular); }
.eo-int .eo-chipf:hover { border-color: var(--titular); }
.eo-int .eo-chipf[aria-pressed="true"] { background: var(--petroleo); border-color: var(--petroleo); color: var(--crema); }

/* ---------- Tarjetas: filas centradas, también al filtrar ---------- */
.eo-int .eo-cat .eo-equipos.g4 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.eo-int .eo-cat .eo-equipos.g4 > .eo-slot { width: calc((100% - 72px) / 4); }
@media (max-width: 1024px) { .eo-int .eo-cat .eo-equipos.g4 > .eo-slot { width: calc((100% - 48px) / 3); } }
@media (max-width: 860px)  { .eo-int .eo-cat .eo-equipos.g4 > .eo-slot { width: calc((100% - 24px) / 2); } }
@media (max-width: 520px)  { .eo-int .eo-cat .eo-equipos.g4 > .eo-slot { width: 100%; } }
.eo-int .eo-landing .eo-equipo { background: #fff; border-color: var(--lineas); border-radius: 20px 0 20px 20px; overflow: hidden; }
.eo-int .eo-landing .eo-equipo-img { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: var(--arena); }
.eo-int .eo-landing .eo-equipo-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.eo-int .eo-landing .eo-equipo-cuerpo { padding: 22px 22px 24px; }
.eo-int .eo-landing .eo-cob { font-family: var(--mono); font-weight: 500; font-size: 11.5px; letter-spacing: .08em; color: var(--turquesa-texto); margin-bottom: 10px; }
.eo-int .eo-landing .eo-equipo h3 { font-size: 24px; line-height: 1.12; letter-spacing: -.01em; margin-bottom: 10px; }
.eo-int .eo-landing .eo-equipo-para { font-size: 15px; line-height: 1.5; color: var(--texto); }
.eo-int .eo-landing .eo-precio { color: var(--turquesa-texto); }
.eo-int .eo-landing .eo-stock { font-size: 13.5px; color: var(--texto); }

/* ---------- Comparador ---------- */
.eo-int .eo-tabla-wrap { margin-top: 96px; }
.eo-int .eo-tabla-wrap .eo-intro { max-width: 40em; font-size: 17px; color: var(--texto); }
.eo-int .eo-tscroll { border-radius: 20px 0 20px 20px; background: #fff; border-color: var(--lineas); }
.eo-int .eo-tabla { font-family: var(--sans); font-size: 15px; }
.eo-int .eo-tabla thead th, .eo-int .eo-tabla th.pr { background: var(--crema); font-family: var(--mono); font-weight: 500; font-size: 11.5px; letter-spacing: .12em; color: var(--texto); }
.eo-int .eo-tabla tbody th { font-family: var(--serif); font-weight: 380; font-size: 18px; color: var(--titular); }
.eo-int .eo-tabla td, .eo-int .eo-tabla tbody th { border-top-color: var(--lineas); }
.eo-int .eo-tabla td.pr { font-family: var(--serif); font-weight: 380; font-size: 19px; color: var(--turquesa-texto); }

/* ---------- Tira ---------- */
.eo-int .eo-landing .eo-tira { padding: 0; background: var(--crema); border: 0; }
.eo-int .eo-landing .eo-tira .eo-tira-in { padding-top: 32px; padding-bottom: 32px; }
.eo-int .eo-tira-it b { font-family: var(--serif); font-weight: 380; font-size: 19px; line-height: 1.2; color: var(--titular); margin-bottom: 4px; }
.eo-int .eo-tira-it span { font-size: 14px; color: var(--texto); }

/* ---------- Sección oscura, como el cierre de la portada ---------- */
.eo-int .eo-landing .eo-oscuro { padding: 112px 0 120px; background: var(--petroleo); color: rgba(254,251,249,.86); }
.eo-int .eo-landing .eo-oscuro .eo-titulo { text-align: left; margin-bottom: 36px; }
.eo-int .eo-landing .eo-oscuro .eo-titulo h2 { font-size: clamp(40px, 6vw, 88px); line-height: .98; letter-spacing: -.025em; color: var(--crema); margin-bottom: 22px; }
.eo-int .eo-landing .eo-oscuro .eo-titulo h2::after { display: none; }
.eo-int .eo-landing .eo-oscuro .eo-titulo p { max-width: 34em; margin: 0; font-size: 19px; line-height: 1.5; color: rgba(254,251,249,.86); }
.eo-int .eo-landing .eo-oscuro .eo-equipos-pie { display: flex; flex-wrap: wrap; gap: 14px; justify-content: flex-start !important; /* el HTML lo trae centrado en línea */ text-align: left; margin-top: 0; }
.eo-int .eo-landing .eo-oscuro .eo-btn-tur { background: var(--crema); color: var(--petroleo); border-color: var(--crema); }
.eo-int .eo-landing .eo-oscuro .eo-btn-tur:hover, .eo-int .eo-landing .eo-oscuro .eo-btn-tur:focus { background: var(--arena); color: var(--petroleo); }
.eo-int .eo-landing .eo-oscuro .eo-btn-claro { color: var(--crema); border-color: rgba(254,251,249,.6); }
.eo-int .eo-landing .eo-oscuro .eo-btn-claro:hover, .eo-int .eo-landing .eo-oscuro .eo-btn-claro:focus { background: var(--crema); color: var(--petroleo); border-color: var(--crema); }
@media (max-width: 767px) {
  .eo-int .eo-landing .eo-oscuro { padding: 64px 0 72px; }
  .eo-int .eo-landing .eo-oscuro .eo-titulo p { font-size: 17px; }
  .eo-int .eo-landing .eo-oscuro .eo-equipos-pie .eo-btn { width: 100%; }
}

/* ---------- Cabecera propuesta: cara de la portada, enlaces del tema (pregunta 1) ---------- */
.eo-int #header { font-family: var(--sans); }
.eo-int #header [data-row] { background: var(--crema); border: 0; box-shadow: none; }
.eo-int #header [data-row] > [class*="ct-container"] { width: 100%; max-width: var(--tope); padding-left: var(--margen); padding-right: var(--margen); box-sizing: border-box; }
.eo-int #header .site-logo-container { --logo-max-height: 56px; }
.eo-int #header [data-id="menu"] > ul > li > .ct-menu-link,
.eo-int #header .menu > li > .ct-menu-link { font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: .01em; text-transform: none; color: var(--titular); }
.eo-int #header .menu > li > .ct-menu-link:hover { color: var(--turquesa-texto); }
.eo-int #header .ct-header-cta .ct-button { min-height: 44px; --theme-button-min-height: 44px; padding: 0 22px; border-radius: 999px; background: var(--petroleo); border-color: var(--petroleo); color: var(--crema) !important; --theme-button-text-initial-color: var(--crema); --theme-button-text-hover-color: var(--crema); font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; }

/* ---------- Pie propuesto: 4 columnas con la cara nueva (pregunta 2) ---------- */
.eo-int #footer { font-family: var(--sans); background: var(--arena); }
.eo-int #footer [data-row] { background: transparent; border: 0; }
.eo-int #footer [data-row] > [class*="ct-container"] { width: 100%; max-width: var(--tope); padding-left: var(--margen); padding-right: var(--margen); box-sizing: border-box; }
.eo-int #footer .widget-title { font-family: var(--mono); font-weight: 500; font-size: 12px; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; color: var(--turquesa-texto); margin-bottom: 18px; }
.eo-int #footer .eo-footer-links a { font-family: var(--sans); font-size: 15px; color: var(--titular); }
.eo-int #footer .eo-footer-links a:hover { color: var(--turquesa-texto); }
@media (max-width: 1100px), (pointer: coarse) {
  .eo-int #footer a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; }
  .eo-int #footer .eo-footer-links a, .eo-int #footer .ct-social-box a { justify-content: flex-start; }
  .eo-int #footer input[type="email"] { min-height: 44px; }
}
.eo-int #footer .eo-nl-btn { min-height: 48px; padding: 0 24px; border-radius: 999px; background: var(--petroleo); border-color: var(--petroleo); color: var(--crema); font-family: var(--sans); font-weight: 600; letter-spacing: 0; text-transform: none; }
.eo-int #footer .eo-footer-legal, .eo-int #footer .eo-footer-legal a, .eo-int #footer [data-row="bottom"] { font-size: 13.5px; color: var(--texto); }

/* ---------- Zonas de toque de 44 px ---------- */
.eo-int .eo-landing .eo-equipo h3 a { display: inline-flex; align-items: center; min-height: 44px; }
.eo-int #footer .eo-nl-ok { display: flex; align-items: center; gap: 8px; min-height: 44px; }

/* ---------- Cabecera de PC en pantallas medianas: que quepan todos los enlaces sin depender del JS ---------- */
@media (min-width: 1000px) and (max-width: 1279px) {
  .eo-int #header [data-row] > [class*="ct-container"] { padding-left: 24px; padding-right: 24px; }
  .eo-int #header .site-logo-container { --logo-max-height: 44px; }
  .eo-int #header .menu > li > .ct-menu-link, .eo-int #header [data-id="menu"] > ul > li > .ct-menu-link { font-size: 14px; padding-left: 8px; padding-right: 8px; }
  .eo-int #header .ct-header-cta .ct-button { padding: 0 16px; }
}

/* =====================================================================
   TANDA 1 (2026-11-04): /para-negocios/, /aromas/ y /tienda/. Solo CSS.
   ===================================================================== */

/* ---------- Títulos de sección: a la izquierda, sin raya ---------- */
.eo-int .eo-landing .eo-titulo { text-align: left; margin-bottom: 36px; }
.eo-int .eo-landing .eo-titulo h2::after { display: none; }
.eo-int .eo-landing .eo-titulo p { max-width: 34em; margin: 0; font-size: 18px; line-height: 1.5; color: var(--texto); }
.eo-int .eo-landing .eo-oscuro .eo-titulo p { color: rgba(254,251,249,.86); }
.eo-int .eo-landing .eo-beige { background: var(--arena); }

/* ---------- Hero de /para-negocios/ ---------- */
.eo-int .eo-landing .eo-hero { padding: 0; background: var(--crema); }
.eo-int .eo-landing .eo-hero .eo-wrap { gap: 64px; min-height: 0; padding-top: 72px; padding-bottom: 72px; }
.eo-int .eo-landing .eo-hero .eo-chip {
  display: flex; width: fit-content; align-items: center; gap: 0; padding: 0; border: 0; border-radius: 0; background: none;
  font-family: var(--mono); font-weight: 500; font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--turquesa-texto);
}
.eo-int .eo-landing .eo-hero .eo-chip i { flex: none; width: 8px; height: 8px; margin-right: 12px; border-radius: 50%; background: var(--turquesa); }
.eo-int .eo-landing .eo-hero .eo-hero-txt h1 { margin: 20px 0 18px; font-size: 60px; line-height: 1.04; letter-spacing: -.02em; }
.eo-int .eo-landing .eo-hero .eo-intro { max-width: 34em; font-size: 19px; line-height: 1.5; color: var(--texto); }
.eo-int .eo-landing .eo-hero .eo-hero-nota { font-size: 14.5px; color: var(--texto); }
.eo-int .eo-landing .eo-hero .eo-hero-img img { border-radius: 20px 0 20px 20px; }
@media (max-width: 1100px) { .eo-int .eo-landing .eo-hero .eo-wrap { gap: 40px; } }
@media (max-width: 767px) {
  .eo-int .eo-landing .eo-hero .eo-wrap { gap: 28px; padding-top: 40px; padding-bottom: 48px; }
  .eo-int .eo-landing .eo-hero .eo-hero-txt h1 { font-size: 40px; }
  .eo-int .eo-landing .eo-hero .eo-intro { font-size: 17px; }
  .eo-int .eo-landing .eo-hero .eo-chip { font-size: 10.5px; letter-spacing: .14em; }
  .eo-int .eo-landing .eo-hero .eo-chip i { margin-right: 9px; }
}

/* ---------- Tarjetas de sectores y fases ---------- */
.eo-int .eo-landing .eo-sects.g3 .eo-sect, .eo-int .eo-landing .eo-sect { padding: 28px 26px; background: #fff; border: 1px solid var(--lineas); border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-sect h3 { margin: 0 0 8px; font-size: 24px; line-height: 1.15; font-weight: 380; color: var(--titular); }
.eo-int .eo-landing .eo-sect p { font-size: 15.5px; line-height: 1.55; color: var(--texto); }
.eo-int .eo-landing .eo-oscuro .eo-fase { border-top: 1px solid rgba(254,251,249,.28); }
.eo-int .eo-landing .eo-oscuro .eo-fase span { font-family: var(--mono); font-weight: 500; font-size: 13px; letter-spacing: .18em; color: var(--turquesa); }
.eo-int .eo-landing .eo-oscuro .eo-fase h3 { font-size: 26px; line-height: 1.12; color: var(--crema); }
.eo-int .eo-landing .eo-oscuro .eo-fase p { font-size: 16px; color: rgba(254,251,249,.86); }

/* ---------- Caminos de /tienda/ ---------- */
.eo-int .eo-landing .eo-camino { padding: 26px 28px; background: #fff; border: 1px solid var(--lineas); border-radius: 20px 0 20px 20px; min-height: 44px; }
.eo-int .eo-landing .eo-camino b { font-family: var(--serif); font-weight: 380; font-size: 28px; line-height: 1.1; color: var(--titular); }
.eo-int .eo-landing .eo-camino span { font-size: 15.5px; color: var(--texto); }
.eo-int .eo-landing .eo-camino i { font-size: 15px; color: var(--turquesa-texto); }
.eo-int .eo-landing .eo-camino:hover, .eo-int .eo-landing .eo-camino:focus-visible { border-color: var(--turquesa-texto); box-shadow: none; transform: none; }

/* ---------- Formulario de asesoría (WPForms 7319) ---------- */
.eo-int .eo-landing .eo-form-bloque { background: var(--petroleo); }
.eo-int .eo-landing .eo-form-bloque .eo-wrap { gap: 64px; }
.eo-int .eo-landing .eo-form-bloque h2 { color: var(--crema); font-size: clamp(36px, 4.4vw, 64px); line-height: 1; }
.eo-int .eo-landing .eo-form-bloque .eo-intro, .eo-int .eo-landing .eo-form-bloque .eo-canales li { color: rgba(254,251,249,.86); }
.eo-int .eo-landing .eo-form-bloque .eo-canales a { color: var(--crema); text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }
.eo-int .eo-landing .eo-form-caja { padding: 40px 40px 36px; background: var(--crema); border: 0; border-radius: 20px 0 20px 20px; }
/* El azul del botón salía de --wpforms-button-background-color (#066aab) en el :root del plugin. */
.eo-int .eo-landing .eo-form-caja .wpforms-container-full {
  --wpforms-button-background-color: var(--petroleo); --wpforms-button-border-color: var(--petroleo); --wpforms-button-text-color: var(--crema);
  --wpforms-button-border-radius: 999px; --wpforms-button-size-height: 56px; --wpforms-button-size-font-size: 16px; --wpforms-button-size-margin-top: 20px;
  --wpforms-field-size-input-height: 52px; --wpforms-field-border-radius: 10px; --wpforms-field-border-color: #D9C9BF;
}
.eo-int .eo-landing .eo-form-caja .wpforms-field-container { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 18px 20px; }
.eo-int .eo-landing .eo-form-caja .wpforms-field { min-width: 0; padding: 0; margin: 0; }
.eo-int .eo-landing .eo-form-caja .wpforms-field-radio, .eo-int .eo-landing .eo-form-caja .wpforms-field-textarea { grid-column: 1 / -1; }
.eo-int .eo-landing .eo-form-caja fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.eo-int .eo-landing .eo-form-caja .wpforms-field-label { display: block; margin: 0 0 8px; padding: 0; font-family: var(--sans); font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--titular); }
.eo-int .eo-landing .eo-form-caja .wpforms-required-label { color: var(--coral-texto); }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full input[type="text"],
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full input[type="email"],
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full select,
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full textarea {
  display: block; width: 100%; max-width: none; min-height: 52px; height: auto; margin: 0; padding: 12px 14px; box-sizing: border-box;
  border: 1px solid #D9C9BF; border-radius: 10px; background: #fff; font-family: var(--sans); font-size: 16px; line-height: 1.4; color: var(--titular);
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full textarea { min-height: 112px; resize: vertical; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full input:focus-visible, .eo-int .eo-landing .eo-form-caja div.wpforms-container-full select:focus-visible,
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full textarea:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 1px; }
.eo-int .eo-landing .eo-form-caja .wpforms-field-description { margin: 7px 0 0; font-size: 14px; line-height: 1.4; color: var(--texto); }
/* Radios: píldoras de 44 px; el círculo del plugin queda invisible y encima, a todo el tamaño de la opción. */
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li { position: relative; display: block; height: auto; margin: 0; padding: 0; line-height: 1.25; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li input[type="radio"] {
  position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li input[type="radio"]::before,
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li input[type="radio"]::after { display: none; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li label.wpforms-field-label-inline {
  display: flex; align-items: center; min-height: 44px; margin: 0; padding: 8px 16px; box-sizing: border-box;
  border: 1px solid rgba(18,48,60,.35); border-radius: 999px; background: #fff; font-size: 15px; font-weight: 400; line-height: 1.25; color: var(--titular); cursor: pointer;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li input[type="radio"]:checked + label.wpforms-field-label-inline { border-color: var(--turquesa); background: var(--turquesa); color: #04302A; font-weight: 600; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li input[type="radio"]:focus-visible + label.wpforms-field-label-inline { outline: 2px solid var(--turquesa-texto); outline-offset: 2px; }
/* Botón redondo de la marca */
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit-container { margin-top: 20px; padding: 0; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit {
  width: 100%; min-height: 56px; height: auto; padding: 0 28px; border: 1.5px solid var(--petroleo); border-radius: 999px; background: var(--petroleo); color: var(--crema);
  font-family: var(--sans); font-size: 16px; font-weight: 600; letter-spacing: 0; line-height: 1.2; cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit:hover, .eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit:focus { background: var(--titular); border-color: var(--titular); color: var(--crema); }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 3px; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-submit:disabled { opacity: .7; cursor: default; }
.eo-int .eo-landing .eo-form-caja em.wpforms-error, .eo-int .eo-landing .eo-form-caja label.wpforms-error { display: block; margin-top: 6px; font-size: 14px; font-style: normal; font-weight: 600; color: var(--coral-texto); }
@media (max-width: 1100px) { .eo-int .eo-landing .eo-form-bloque .eo-wrap { gap: 40px; } }
@media (max-width: 767px) {
  .eo-int .eo-landing .eo-form-caja { padding: 26px 18px; }
  .eo-int .eo-landing .eo-form-caja .wpforms-field-container { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 1100px), (pointer: coarse) {
  .eo-int .eo-landing .eo-form-caja .wpforms-submit-container a, .eo-int .eo-landing .eo-form-caja .wpforms-field-description a { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 1100px), (pointer: coarse) {
  .eo-int .eo-landing .eo-form-caja .eo-privacidad a { display: inline-flex; align-items: center; min-height: 44px; }
}
.eo-int .eo-landing .eo-form-caja .eo-privacidad { font-size: 14px; line-height: 1.4; color: var(--texto); }

/* Revisión del director: aromas centrados como los equipos (13 = 4+4+4+1), y opciones del formulario en Work Sans. */
.eo-int .eo-landing .eo-aromas.g4 { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; }
.eo-int .eo-landing .eo-aromas.g4 > .eo-slot { width: calc((100% - 72px) / 4); }
@media (max-width: 1024px) { .eo-int .eo-landing .eo-aromas.g4 > .eo-slot { width: calc((100% - 48px) / 3); } }
@media (max-width: 860px)  { .eo-int .eo-landing .eo-aromas.g4 > .eo-slot { width: calc((100% - 24px) / 2); } }
@media (max-width: 520px)  { .eo-int .eo-landing .eo-aromas.g4 > .eo-slot { width: 100%; } }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full .wpforms-field-radio li label.wpforms-field-label-inline { font-family: var(--sans); }

/* =====================================================================
   TANDA 2 (2026-11-04): /resuelve_tus_dudas/ (.page-id-78), /cambios-y-devoluciones/ (.page-id-1259) y 404 (.error404).
   Solo CSS. Las reglas nuevas sobre clases que ya salen en las 4 paginas en vivo van limitadas a estas tres paginas.
   ===================================================================== */

/* ---------- Apertura ---------- */
.eo-int.page-id-78 .eo-landing .eo-top + .eo-sec { padding-top: 24px; }
.eo-int.page-id-1259 .eo-landing .eo-top { padding-bottom: 56px; }

/* ---------- Preguntas: a la izquierda, con el mismo margen que los titulos ---------- */
.eo-int.page-id-78 .eo-landing .eo-faq, .eo-int.page-id-1259 .eo-landing .eo-faq { max-width: 880px; margin: 0; }
.eo-int.page-id-78 .eo-landing .eo-faq details, .eo-int.page-id-1259 .eo-landing .eo-faq details { border-bottom: 1px solid var(--lineas); }
.eo-int.page-id-78 .eo-landing .eo-faq details:first-child, .eo-int.page-id-1259 .eo-landing .eo-faq details:first-child { border-top: 1px solid var(--lineas); }
.eo-int.page-id-78 .eo-landing .eo-faq summary, .eo-int.page-id-1259 .eo-landing .eo-faq summary {
  min-height: 64px; padding: 14px 0; box-sizing: border-box;
  font-family: var(--serif); font-weight: 380; font-size: 22px; line-height: 1.25; letter-spacing: -.01em; color: var(--titular);
}
.eo-int.page-id-78 .eo-landing .eo-faq summary:hover, .eo-int.page-id-1259 .eo-landing .eo-faq summary:hover { color: var(--turquesa-texto); }
.eo-int.page-id-78 .eo-landing .eo-faq summary:focus-visible, .eo-int.page-id-1259 .eo-landing .eo-faq summary:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 2px; }
.eo-int.page-id-78 .eo-landing .eo-faq summary::after, .eo-int.page-id-1259 .eo-landing .eo-faq summary::after {
  font-family: var(--sans); font-weight: 400; font-size: 28px; color: var(--turquesa-texto);
}
.eo-int.page-id-78 .eo-landing .eo-faq details p { max-width: 40em; margin: 0 0 22px; font-size: 16.5px; line-height: 1.6; color: var(--texto); }
.eo-int.page-id-78 .eo-landing .eo-faq details p a, .eo-int.page-id-1259 .eo-landing .eo-pol .eo-pol-txt a { color: var(--turquesa-texto); text-decoration: underline; text-underline-offset: 3px; }
.eo-int.page-id-1259 .eo-landing .eo-pol .eo-pol-txt { max-width: 44em; padding: 0 0 12px; }
.eo-int.page-id-1259 .eo-landing .eo-pol .eo-pol-txt p, .eo-int.page-id-1259 .eo-landing .eo-pol .eo-pol-txt li { font-size: 16.5px; line-height: 1.65; color: var(--texto); }
.eo-int.page-id-1259 .eo-landing .eo-pol .eo-pol-txt b { color: var(--titular); font-weight: 600; }
@media (max-width: 767px) {
  .eo-int.page-id-78 .eo-landing .eo-faq summary, .eo-int.page-id-1259 .eo-landing .eo-faq summary { font-size: 19px; min-height: 60px; gap: 16px; }
  .eo-int.page-id-78 .eo-landing .eo-faq details p { font-size: 16px; }
}

/* ---------- Enlaces bajo las preguntas: pildoras de 44 px, a la izquierda ---------- */
.eo-int.page-id-78 .eo-landing .eo-enlaces { justify-content: flex-start; gap: 10px; margin-top: 40px; font-size: 15px; }
.eo-int.page-id-78 .eo-landing .eo-enlaces a {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; box-sizing: border-box;
  border: 1.5px solid var(--lineas); border-radius: 999px; font-weight: 600; color: var(--titular); text-decoration: none;
  transition: border-color .2s ease;
}
.eo-int.page-id-78 .eo-landing .eo-enlaces a:hover, .eo-int.page-id-78 .eo-landing .eo-enlaces a:focus-visible { border-color: var(--titular); color: var(--titular); }

/* ---------- Seccion de la app ---------- */
.eo-int.page-id-78 .eo-landing .eo-app { gap: 64px; }
.eo-int.page-id-78 .eo-landing .eo-app-lista { gap: 22px; }
.eo-int.page-id-78 .eo-landing .eo-app-lista b { font-size: 22px; line-height: 1.2; font-weight: 380; letter-spacing: -.01em; color: var(--titular); }
.eo-int.page-id-78 .eo-landing .eo-app-lista span { font-size: 16px; color: var(--texto); }
.eo-int.page-id-78 .eo-landing .eo-app-bajar { padding: 34px 32px; background: #fff; border: 1px solid var(--lineas); border-radius: 20px 0 20px 20px; }
.eo-int.page-id-78 .eo-landing .eo-app-bajar h3 { font-size: 28px; line-height: 1.1; margin: 12px 0 12px; }
.eo-int.page-id-78 .eo-landing .eo-app-bajar p { font-size: 16px; color: var(--texto); }
.eo-int.page-id-78 .eo-landing .eo-app-pronto { min-height: 44px; padding: 0 18px; box-sizing: border-box; background: var(--arena); color: var(--turquesa-texto); font-family: var(--mono); font-weight: 500; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.eo-int.page-id-78 .eo-landing .eo-app-nota a { color: var(--turquesa-texto); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1100px) { .eo-int.page-id-78 .eo-landing .eo-app { gap: 40px; } }
@media (max-width: 767px) { .eo-int.page-id-78 .eo-landing .eo-app-bajar { padding: 26px 22px; } }

/* ---------- Tarjetas de la politica ---------- */
.eo-int.page-id-1259 .eo-landing .eo-pol-card { padding: 22px 24px; background: #fff; border: 1px solid var(--lineas); border-radius: 20px 0 20px 20px; }
.eo-int.page-id-1259 .eo-landing .eo-pol-card b { font-size: 28px; line-height: 1.1; font-weight: 380; letter-spacing: -.01em; color: var(--turquesa-texto); }
.eo-int.page-id-1259 .eo-landing .eo-pol-card span { font-size: 15px; color: var(--texto); }
.eo-int.page-id-1259 .eo-landing .eo-pol-cards { gap: 20px; margin-top: 40px; }
@media (max-width: 999px) { .eo-int.page-id-1259 .eo-landing .eo-pol-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .eo-int.page-id-1259 .eo-landing .eo-pol-cards { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 28px; } }

/* ---------- Pasos de la seccion oscura de /cambios-y-devoluciones/ ---------- */
.eo-int.page-id-1259 .eo-landing .eo-fases { gap: 32px; }
@media (max-width: 1024px) { .eo-int.page-id-1259 .eo-landing .eo-fases { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .eo-int.page-id-1259 .eo-landing .eo-fases { grid-template-columns: minmax(0, 1fr); gap: 24px; } }

/* ---------- 404: los tres caminos ---------- */
.eo-int.error404 .eo-landing .eo-caminos { gap: 20px; margin-top: 40px; }
.eo-int.error404 .eo-landing .eo-camino { min-height: 44px; }
.eo-int.error404 .eo-landing .eo-top { padding-bottom: 72px; }
.eo-int.error404 .eo-landing .eo-top p a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 860px) { .eo-int.error404 .eo-landing .eo-caminos { grid-template-columns: minmax(0, 1fr); gap: 14px; } }

/* ---------- Formulario 7325 (solo estas dos paginas; el 7319 no cambia) ---------- */
.eo-int .eo-landing .eo-form-caja #wpforms-7325 .wpforms-field-container { gap: 20px 20px; }
.eo-int .eo-landing .eo-form-caja #wpforms-7325 #wpforms-7325-field_3-container,
.eo-int .eo-landing .eo-form-caja #wpforms-7325 .wpforms-field-checkbox { grid-column: 1 / -1; }
.eo-int .eo-landing .eo-form-caja #wpforms-7325 .wpforms-field-label { font-size: 15px; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 select {
  appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none' stroke='%2312303C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 input::placeholder,
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 textarea::placeholder { color: #6B737A; opacity: 1; }
/* Casilla del Aviso: zona de 44 px completa. El cuadro del plugin queda invisible encima y el nuestro va en el label. */
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox ul { margin: 0; padding: 0; list-style: none; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li { position: relative; display: block; margin: 0; padding: 0; height: auto; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li input[type="checkbox"] {
  position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li label.wpforms-field-label-inline {
  display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0; padding: 6px 0; box-sizing: border-box;
  font-family: var(--sans); font-size: 15px; font-weight: 400; line-height: 1.35; color: var(--titular); cursor: pointer;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li label.wpforms-field-label-inline::before {
  content: ""; flex: none; width: 24px; height: 24px; box-sizing: border-box; border: 1.5px solid rgba(18,48,60,.55); border-radius: 6px; background: #fff center / 16px 16px no-repeat;
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li input[type="checkbox"]:checked + label.wpforms-field-label-inline::before {
  border-color: var(--petroleo); background-color: var(--petroleo);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FEFBF9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.2 3.2L13 4.8'/%3E%3C/svg%3E");
}
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li input[type="checkbox"]:focus-visible + label.wpforms-field-label-inline::before { outline: 2px solid var(--turquesa-texto); outline-offset: 2px; }

/* ---------- Enlaces dentro de parrafos: zona tactil de 44 px sin mover las lineas ---------- */
.eo-int.page-id-78 .eo-landing p a:not([class]), .eo-int.page-id-78 .eo-landing li a:not([class]),
.eo-int.page-id-1259 .eo-landing p a:not([class]), .eo-int.page-id-1259 .eo-landing li a:not([class]),
.eo-int.error404 .eo-landing p a:not([class]) { padding-top: 13px; padding-bottom: 13px; }
.eo-int.page-id-78 .eo-landing .eo-form-caja .eo-privacidad a, .eo-int.page-id-1259 .eo-landing .eo-form-caja .eo-privacidad a { display: inline; min-height: 0; padding-top: 14px; padding-bottom: 14px; }

/* =====================================================================
   TANDA 3 (2026-11-04): ajustes de Luis Fernando. Cajas R 0 R R, una sola familia de botones, menu, formularios y Compra.
   Solo CSS. Compra apunta a clases estandar de WooCommerce y a los envoltorios reales .eo-cuenta / .eo-carrito / .eo-checkout
   (de 002-landing.css); NO verificado contra la pagina real (sin copia guardada).
   ===================================================================== */

/* ---------- 1. Cajas: un solo corte R 0 R R (28 / 20 / 12) ---------- */
.eo-int .eo-landing .eo-equipo-img, .eo-int .eo-landing .eo-aroma figure { border-radius: 0; }
.eo-int .eo-landing .eo-hero .eo-hero-img { overflow: hidden; border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-hero .eo-hero-img img { display: block; }
.eo-int .eo-landing .eo-rango { border-radius: 20px 0 20px 20px; }

/* ---------- 2. Botones: una sola familia (la de la portada) ---------- */
.eo-int .eo-landing .eo-cuenta button.button,
.eo-int .eo-landing .eo-cuenta a.button,
.eo-int .eo-landing .eo-cuenta a.woocommerce-button,
.eo-int .eo-landing .eo-cuenta button.woocommerce-Button,
.eo-int .eo-landing .eo-cuenta input[type=submit],
.eo-int .eo-landing .eo-cuenta button[type=submit],
.eo-int .eo-landing .eo-cuenta button.single_add_to_cart_button,
.eo-int .eo-landing .eo-carrito button.button,
.eo-int .eo-landing .eo-carrito a.button,
.eo-int .eo-landing .eo-carrito a.woocommerce-button,
.eo-int .eo-landing .eo-carrito button.woocommerce-Button,
.eo-int .eo-landing .eo-carrito input[type=submit],
.eo-int .eo-landing .eo-carrito button[type=submit],
.eo-int .eo-landing .eo-carrito button.single_add_to_cart_button,
.eo-int .eo-landing .eo-checkout button.button,
.eo-int .eo-landing .eo-checkout a.button,
.eo-int .eo-landing .eo-checkout a.woocommerce-button,
.eo-int .eo-landing .eo-checkout button.woocommerce-Button,
.eo-int .eo-landing .eo-checkout input[type=submit],
.eo-int .eo-landing .eo-checkout button[type=submit],
.eo-int .eo-landing .eo-checkout button.single_add_to_cart_button {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;box-sizing:border-box;border:1.5px solid var(--petroleo);border-radius:999px;background:var(--petroleo);color:var(--crema);font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.2;text-transform:none;text-decoration:none;--theme-button-transform:none;transform:none;box-shadow:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.eo-int .eo-landing .eo-cuenta button.button:hover,
.eo-int .eo-landing .eo-cuenta a.button:hover,
.eo-int .eo-landing .eo-cuenta a.woocommerce-button:hover,
.eo-int .eo-landing .eo-cuenta button.woocommerce-Button:hover,
.eo-int .eo-landing .eo-cuenta input[type=submit]:hover,
.eo-int .eo-landing .eo-cuenta button[type=submit]:hover,
.eo-int .eo-landing .eo-cuenta button.single_add_to_cart_button:hover,
.eo-int .eo-landing .eo-cuenta button.button:focus,
.eo-int .eo-landing .eo-cuenta a.button:focus,
.eo-int .eo-landing .eo-cuenta a.woocommerce-button:focus,
.eo-int .eo-landing .eo-cuenta button.woocommerce-Button:focus,
.eo-int .eo-landing .eo-cuenta input[type=submit]:focus,
.eo-int .eo-landing .eo-cuenta button[type=submit]:focus,
.eo-int .eo-landing .eo-cuenta button.single_add_to_cart_button:focus,
.eo-int .eo-landing .eo-carrito button.button:hover,
.eo-int .eo-landing .eo-carrito a.button:hover,
.eo-int .eo-landing .eo-carrito a.woocommerce-button:hover,
.eo-int .eo-landing .eo-carrito button.woocommerce-Button:hover,
.eo-int .eo-landing .eo-carrito input[type=submit]:hover,
.eo-int .eo-landing .eo-carrito button[type=submit]:hover,
.eo-int .eo-landing .eo-carrito button.single_add_to_cart_button:hover,
.eo-int .eo-landing .eo-carrito button.button:focus,
.eo-int .eo-landing .eo-carrito a.button:focus,
.eo-int .eo-landing .eo-carrito a.woocommerce-button:focus,
.eo-int .eo-landing .eo-carrito button.woocommerce-Button:focus,
.eo-int .eo-landing .eo-carrito input[type=submit]:focus,
.eo-int .eo-landing .eo-carrito button[type=submit]:focus,
.eo-int .eo-landing .eo-carrito button.single_add_to_cart_button:focus,
.eo-int .eo-landing .eo-checkout button.button:hover,
.eo-int .eo-landing .eo-checkout a.button:hover,
.eo-int .eo-landing .eo-checkout a.woocommerce-button:hover,
.eo-int .eo-landing .eo-checkout button.woocommerce-Button:hover,
.eo-int .eo-landing .eo-checkout input[type=submit]:hover,
.eo-int .eo-landing .eo-checkout button[type=submit]:hover,
.eo-int .eo-landing .eo-checkout button.single_add_to_cart_button:hover,
.eo-int .eo-landing .eo-checkout button.button:focus,
.eo-int .eo-landing .eo-checkout a.button:focus,
.eo-int .eo-landing .eo-checkout a.woocommerce-button:focus,
.eo-int .eo-landing .eo-checkout button.woocommerce-Button:focus,
.eo-int .eo-landing .eo-checkout input[type=submit]:focus,
.eo-int .eo-landing .eo-checkout button[type=submit]:focus,
.eo-int .eo-landing .eo-checkout button.single_add_to_cart_button:focus { background: var(--titular); border-color: var(--titular); color: var(--crema) !important; }
.eo-int .eo-landing .eo-cuenta button.button:focus-visible,
.eo-int .eo-landing .eo-cuenta a.button:focus-visible,
.eo-int .eo-landing .eo-cuenta a.woocommerce-button:focus-visible,
.eo-int .eo-landing .eo-cuenta button.woocommerce-Button:focus-visible,
.eo-int .eo-landing .eo-cuenta input[type=submit]:focus-visible,
.eo-int .eo-landing .eo-cuenta button[type=submit]:focus-visible,
.eo-int .eo-landing .eo-cuenta button.single_add_to_cart_button:focus-visible,
.eo-int .eo-landing .eo-cuenta a.checkout-button:focus-visible,
.eo-int .eo-landing .eo-cuenta #place_order:focus-visible,
.eo-int .eo-landing .eo-carrito button.button:focus-visible,
.eo-int .eo-landing .eo-carrito a.button:focus-visible,
.eo-int .eo-landing .eo-carrito a.woocommerce-button:focus-visible,
.eo-int .eo-landing .eo-carrito button.woocommerce-Button:focus-visible,
.eo-int .eo-landing .eo-carrito input[type=submit]:focus-visible,
.eo-int .eo-landing .eo-carrito button[type=submit]:focus-visible,
.eo-int .eo-landing .eo-carrito button.single_add_to_cart_button:focus-visible,
.eo-int .eo-landing .eo-carrito a.checkout-button:focus-visible,
.eo-int .eo-landing .eo-carrito #place_order:focus-visible,
.eo-int .eo-landing .eo-checkout button.button:focus-visible,
.eo-int .eo-landing .eo-checkout a.button:focus-visible,
.eo-int .eo-landing .eo-checkout a.woocommerce-button:focus-visible,
.eo-int .eo-landing .eo-checkout button.woocommerce-Button:focus-visible,
.eo-int .eo-landing .eo-checkout input[type=submit]:focus-visible,
.eo-int .eo-landing .eo-checkout button[type=submit]:focus-visible,
.eo-int .eo-landing .eo-checkout button.single_add_to_cart_button:focus-visible,
.eo-int .eo-landing .eo-checkout a.checkout-button:focus-visible,
.eo-int .eo-landing .eo-checkout #place_order:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 3px; }
.eo-int .eo-landing .eo-cuenta a.checkout-button,
.eo-int .eo-landing .eo-cuenta #place_order,
.eo-int .eo-landing .eo-carrito a.checkout-button,
.eo-int .eo-landing .eo-carrito #place_order,
.eo-int .eo-landing .eo-checkout a.checkout-button,
.eo-int .eo-landing .eo-checkout #place_order {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;box-sizing:border-box;border:1.5px solid var(--turquesa);border-radius:999px;background:var(--turquesa);color:#04302A;font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.2;text-transform:none;text-decoration:none;--theme-button-transform:none;transform:none;box-shadow:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;width:100%;min-height:52px;font-size:16px;}
.eo-int .eo-landing .eo-cuenta a.checkout-button:hover,
.eo-int .eo-landing .eo-cuenta #place_order:hover,
.eo-int .eo-landing .eo-cuenta a.checkout-button:focus,
.eo-int .eo-landing .eo-cuenta #place_order:focus,
.eo-int .eo-landing .eo-carrito a.checkout-button:hover,
.eo-int .eo-landing .eo-carrito #place_order:hover,
.eo-int .eo-landing .eo-carrito a.checkout-button:focus,
.eo-int .eo-landing .eo-carrito #place_order:focus,
.eo-int .eo-landing .eo-checkout a.checkout-button:hover,
.eo-int .eo-landing .eo-checkout #place_order:hover,
.eo-int .eo-landing .eo-checkout a.checkout-button:focus,
.eo-int .eo-landing .eo-checkout #place_order:focus { background: #1CAA95; border-color: #1CAA95; color: #04302A !important; }
.eo-int .eo-landing .eo-cuenta button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-cuenta button[name=update_cart][aria-disabled=true],
.eo-int .eo-landing .eo-cuenta button.button:disabled,
.eo-int .eo-landing .eo-cuenta button.button[aria-disabled=true],
.eo-int .eo-landing .eo-carrito button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-carrito button[name=update_cart][aria-disabled=true],
.eo-int .eo-landing .eo-carrito button.button:disabled,
.eo-int .eo-landing .eo-carrito button.button[aria-disabled=true],
.eo-int .eo-landing .eo-checkout button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-checkout button[name=update_cart][aria-disabled=true],
.eo-int .eo-landing .eo-checkout button.button:disabled,
.eo-int .eo-landing .eo-checkout button.button[aria-disabled=true] { background: #F0DDD3; border-color: #F0DDD3; color: #5A6168 !important; opacity: 1; cursor: default; }

.eo-int .woocommerce-form-login__submit, .eo-int .woocommerce-form-register__submit { width: 100%; }
.eo-int .eo-landing .eo-cuenta .eo-social .nsl-button { border-radius: 999px !important; border: 1.5px solid #D9C9BF !important; min-height: 48px; }

/* ---------- 3. Menu: «Pide asesoria» siempre redondo y petroleo ---------- */
.eo-int #header .ct-header-cta a.ct-button, .eo-int #header [data-id="button"] .ct-button {
  min-height: 44px; padding: 0 22px; border-radius: 999px; border: 1.5px solid var(--petroleo); background: var(--petroleo); color: var(--crema) !important;
  font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none; transform: none;
}
.eo-int #header .ct-header-cta a.ct-button:hover, .eo-int #header .ct-header-cta a.ct-button:focus { background: var(--titular); border-color: var(--titular); color: var(--crema) !important; }

/* ---------- 4. Formularios: caja 20 R, campos 10 px con borde #D9C9BF ---------- */
.eo-int .eo-landing .eo-cuenta input.input-text,
.eo-int .eo-landing .eo-cuenta input[type=text],
.eo-int .eo-landing .eo-cuenta input[type=email],
.eo-int .eo-landing .eo-cuenta input[type=password],
.eo-int .eo-landing .eo-cuenta input[type=tel],
.eo-int .eo-landing .eo-cuenta input[type=number],
.eo-int .eo-landing .eo-cuenta textarea,
.eo-int .eo-landing .eo-cuenta select,
.eo-int .eo-landing .eo-cuenta input#coupon_code,
.eo-int .eo-landing .eo-cuenta .select2-container--default .select2-selection--single,
.eo-int .eo-landing .eo-carrito input.input-text,
.eo-int .eo-landing .eo-carrito input[type=text],
.eo-int .eo-landing .eo-carrito input[type=email],
.eo-int .eo-landing .eo-carrito input[type=password],
.eo-int .eo-landing .eo-carrito input[type=tel],
.eo-int .eo-landing .eo-carrito input[type=number],
.eo-int .eo-landing .eo-carrito textarea,
.eo-int .eo-landing .eo-carrito select,
.eo-int .eo-landing .eo-carrito input#coupon_code,
.eo-int .eo-landing .eo-carrito .select2-container--default .select2-selection--single,
.eo-int .eo-landing .eo-checkout input.input-text,
.eo-int .eo-landing .eo-checkout input[type=text],
.eo-int .eo-landing .eo-checkout input[type=email],
.eo-int .eo-landing .eo-checkout input[type=password],
.eo-int .eo-landing .eo-checkout input[type=tel],
.eo-int .eo-landing .eo-checkout input[type=number],
.eo-int .eo-landing .eo-checkout textarea,
.eo-int .eo-landing .eo-checkout select,
.eo-int .eo-landing .eo-checkout input#coupon_code,
.eo-int .eo-landing .eo-checkout .select2-container--default .select2-selection--single { border: 1px solid #D9C9BF; border-radius: 10px; background-color: #fff; min-height: 48px; padding: 11px 14px; box-sizing: border-box; font-family: var(--sans); font-size: 16px; color: var(--titular); }
.eo-int .eo-landing .eo-cuenta .select2-container--default .select2-selection--single .select2-selection__rendered,
.eo-int .eo-landing .eo-carrito .select2-container--default .select2-selection--single .select2-selection__rendered,
.eo-int .eo-landing .eo-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 24px; padding: 0; }
.eo-int .eo-landing .eo-cuenta input:focus-visible,
.eo-int .eo-landing .eo-cuenta select:focus-visible,
.eo-int .eo-landing .eo-cuenta textarea:focus-visible,
.eo-int .eo-landing .eo-carrito input:focus-visible,
.eo-int .eo-landing .eo-carrito select:focus-visible,
.eo-int .eo-landing .eo-carrito textarea:focus-visible,
.eo-int .eo-landing .eo-checkout input:focus-visible,
.eo-int .eo-landing .eo-checkout select:focus-visible,
.eo-int .eo-landing .eo-checkout textarea:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 1px; }

.eo-int .eo-landing .eo-cuenta #customer_login > div, .eo-int .eo-landing .eo-cuenta form.woocommerce-ResetPassword,
.eo-int .eo-landing .eo-cuenta .woocommerce-MyAccount-content, .eo-int .eo-landing .eo-panel-solo { border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-cuenta .woocommerce-MyAccount-navigation ul { border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-cuenta .woocommerce-MyAccount-navigation li a { border-radius: 12px 0 12px 12px; }
.eo-int .eo-landing .eo-checkout #payment, .eo-int .eo-landing .eo-checkout form.checkout_coupon, .eo-int .eo-landing .eo-checkout .woocommerce-form-coupon { border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-checkout #payment .payment_box { border-radius: 12px 0 12px 12px; }
.eo-int .eo-landing .eo-carrito .ct-woocommerce-cart-form .cart_totals { border-radius: 20px 0 20px 20px; }
.eo-int .eo-landing .eo-barra-envio, .eo-int .woocommerce-message, .eo-int .woocommerce-info, .eo-int .woocommerce-error { border-radius: 12px 0 12px 12px; }
/* Boletin del pie (7316) */
.eo-int #footer .eo-nl-email { min-height: 48px; padding: 0 14px; border: 1px solid #D9C9BF; border-radius: 10px; background: #fff; font-family: var(--sans); font-size: 16px; color: var(--titular); box-sizing: border-box; }
.eo-int .eo-landing .eo-form-caja div.wpforms-container-full#wpforms-7325 .wpforms-field-checkbox li label.wpforms-field-label-inline::before { border-color: #D9C9BF; }

/* ---------- 5. Compra: tablas en caja de 20 R, relleno de 22 px, encabezado arena, acciones dentro de la caja ---------- */
.eo-int .eo-landing .eo-cuenta table.shop_table,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table,
.eo-int .eo-landing .eo-cuenta table.cart,
.eo-int .eo-landing .eo-carrito table.shop_table,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table,
.eo-int .eo-landing .eo-carrito table.cart,
.eo-int .eo-landing .eo-checkout table.shop_table,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table,
.eo-int .eo-landing .eo-checkout table.cart { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border: 1px solid var(--lineas); border-radius: 20px 0 20px 20px; overflow: hidden; }
.eo-int .eo-landing .eo-cuenta table.shop_table th,
.eo-int .eo-landing .eo-cuenta table.shop_table td,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table th,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table td,
.eo-int .eo-landing .eo-cuenta table.cart th,
.eo-int .eo-landing .eo-cuenta table.cart td,
.eo-int .eo-landing .eo-carrito table.shop_table th,
.eo-int .eo-landing .eo-carrito table.shop_table td,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table th,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table td,
.eo-int .eo-landing .eo-carrito table.cart th,
.eo-int .eo-landing .eo-carrito table.cart td,
.eo-int .eo-landing .eo-checkout table.shop_table th,
.eo-int .eo-landing .eo-checkout table.shop_table td,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table th,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table td,
.eo-int .eo-landing .eo-checkout table.cart th,
.eo-int .eo-landing .eo-checkout table.cart td { padding: 22px; border: 0; border-top: 1px solid var(--lineas); vertical-align: middle; font-size: 15px; color: var(--texto); background: transparent; box-sizing: border-box; }
.eo-int .eo-landing .eo-cuenta table.shop_table thead th,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table thead th,
.eo-int .eo-landing .eo-cuenta table.cart thead th,
.eo-int .eo-landing .eo-carrito table.shop_table thead th,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table thead th,
.eo-int .eo-landing .eo-carrito table.cart thead th,
.eo-int .eo-landing .eo-checkout table.shop_table thead th,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table thead th,
.eo-int .eo-landing .eo-checkout table.cart thead th { border-top: 0; background: var(--arena); font-family: var(--mono); font-weight: 500; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--texto); white-space: nowrap; }
.eo-int .eo-landing .eo-cuenta table.shop_table tbody tr:first-child td,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table tbody tr:first-child td,
.eo-int .eo-landing .eo-cuenta table.cart tbody tr:first-child td,
.eo-int .eo-landing .eo-cuenta table.shop_table tbody tr:first-child th,
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table tbody tr:first-child th,
.eo-int .eo-landing .eo-cuenta table.cart tbody tr:first-child th,
.eo-int .eo-landing .eo-carrito table.shop_table tbody tr:first-child td,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table tbody tr:first-child td,
.eo-int .eo-landing .eo-carrito table.cart tbody tr:first-child td,
.eo-int .eo-landing .eo-carrito table.shop_table tbody tr:first-child th,
.eo-int .eo-landing .eo-carrito table.woocommerce-orders-table tbody tr:first-child th,
.eo-int .eo-landing .eo-carrito table.cart tbody tr:first-child th,
.eo-int .eo-landing .eo-checkout table.shop_table tbody tr:first-child td,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table tbody tr:first-child td,
.eo-int .eo-landing .eo-checkout table.cart tbody tr:first-child td,
.eo-int .eo-landing .eo-checkout table.shop_table tbody tr:first-child th,
.eo-int .eo-landing .eo-checkout table.woocommerce-orders-table tbody tr:first-child th,
.eo-int .eo-landing .eo-checkout table.cart tbody tr:first-child th { border-top: 0; }
.eo-int .eo-landing .eo-cuenta table.cart td.actions,
.eo-int .eo-landing .eo-carrito table.cart td.actions,
.eo-int .eo-landing .eo-checkout table.cart td.actions { background: var(--arena); }
.eo-int .eo-landing .eo-cuenta .cart_totals table.shop_table,
.eo-int .eo-landing .eo-cuenta .cart_totals table,
.eo-int .eo-landing .eo-carrito .cart_totals table.shop_table,
.eo-int .eo-landing .eo-carrito .cart_totals table,
.eo-int .eo-landing .eo-checkout .cart_totals table.shop_table,
.eo-int .eo-landing .eo-checkout .cart_totals table { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.eo-int .eo-landing .eo-cuenta .cart_totals th,
.eo-int .eo-landing .eo-cuenta .cart_totals td,
.eo-int .eo-landing .eo-carrito .cart_totals th,
.eo-int .eo-landing .eo-carrito .cart_totals td,
.eo-int .eo-landing .eo-checkout .cart_totals th,
.eo-int .eo-landing .eo-checkout .cart_totals td { padding: 14px 0; background: transparent; border-color: #E9D5C8; }
.eo-int .eo-landing .eo-cuenta table.cart td.product-thumbnail,
.eo-int .eo-landing .eo-carrito table.cart td.product-thumbnail,
.eo-int .eo-landing .eo-checkout table.cart td.product-thumbnail { width: 1%; white-space: nowrap; }
.eo-int .eo-landing .eo-cuenta table.cart td.product-thumbnail img,
.eo-int .eo-landing .eo-cuenta table.cart .product-thumbnail img,
.eo-int .eo-landing .eo-carrito table.cart td.product-thumbnail img,
.eo-int .eo-landing .eo-carrito table.cart .product-thumbnail img,
.eo-int .eo-landing .eo-checkout table.cart td.product-thumbnail img,
.eo-int .eo-landing .eo-checkout table.cart .product-thumbnail img { display: block; width: 64px; height: 64px; max-width: none; object-fit: cover; border-radius: 12px 0 12px 12px; }
.eo-int .eo-landing .eo-cuenta table.cart td.product-remove a.remove,
.eo-int .eo-landing .eo-carrito table.cart td.product-remove a.remove,
.eo-int .eo-landing .eo-checkout table.cart td.product-remove a.remove { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border-radius: 50%; font-size: 22px; line-height: 1; color: var(--coral-texto) !important; background: transparent; }
.eo-int .eo-landing .eo-cuenta table.cart td.product-remove a.remove:hover,
.eo-int .eo-landing .eo-carrito table.cart td.product-remove a.remove:hover,
.eo-int .eo-landing .eo-checkout table.cart td.product-remove a.remove:hover { background: var(--arena); color: var(--coral-texto) !important; }
.eo-int .eo-landing .eo-cuenta table.cart .quantity input.qty,
.eo-int .eo-landing .eo-carrito table.cart .quantity input.qty,
.eo-int .eo-landing .eo-checkout table.cart .quantity input.qty { min-height: 44px; width: 72px; border: 1px solid #D9C9BF; border-radius: 10px; text-align: center; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions { text-align: right; white-space: nowrap; }
.eo-int .eo-landing .eo-cuenta th.woocommerce-orders-table__header-order-actions,
.eo-int .eo-landing .eo-carrito th.woocommerce-orders-table__header-order-actions,
.eo-int .eo-landing .eo-checkout th.woocommerce-orders-table__header-order-actions { text-align: right; width: auto; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button { display: inline-flex; width: auto; min-height: 44px; margin: 0 0 0 8px; padding: 0 20px; white-space: nowrap; background: transparent; color: var(--petroleo); border: 1.5px solid var(--petroleo); }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button:first-child,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button:first-child,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button:first-child { margin-left: 0; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button:focus,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button:focus,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button:focus { background: var(--petroleo); border-color: var(--petroleo); color: var(--crema) !important; }
@media (max-width: 767px) {
.eo-int .eo-landing .eo-cuenta table.shop_table_responsive td,
.eo-int .eo-landing .eo-carrito table.shop_table_responsive td,
.eo-int .eo-landing .eo-checkout table.shop_table_responsive td { padding: 12px 22px; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions { padding-bottom: 20px; }
.eo-int .eo-landing .eo-cuenta table.cart td.product-thumbnail,
.eo-int .eo-landing .eo-carrito table.cart td.product-thumbnail,
.eo-int .eo-landing .eo-checkout table.cart td.product-thumbnail { width: auto; }
.eo-int .eo-landing .eo-cuenta table.cart td.actions .coupon,
.eo-int .eo-landing .eo-carrito table.cart td.actions .coupon,
.eo-int .eo-landing .eo-checkout table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: 10px; }
}

/* ---------- Tanda 3, correcciones tras la primera prueba ---------- */
/* 002-style.css del sitio fuerza 2px con !important en .woocommerce-checkout: se vence con mas especificidad y !important. */
.eo-int .eo-landing .eo-cuenta input.input-text, .eo-int .eo-landing .eo-checkout input.input-text, .eo-int .eo-landing .eo-carrito input.input-text,
.eo-int .eo-landing .eo-cuenta select, .eo-int .eo-landing .eo-checkout select, .eo-int .eo-landing .eo-checkout textarea,
.eo-int .eo-landing .eo-cuenta textarea, .eo-int .eo-landing .eo-checkout .form-row .select2-selection--single,
.eo-int.woocommerce-checkout .eo-landing .eo-checkout .form-row input.input-text, .eo-int.woocommerce-checkout .eo-landing .eo-checkout .form-row textarea { border-radius: 10px !important; }
.eo-int .eo-landing .eo-carrito table.cart .quantity input.qty, .eo-int .eo-landing .eo-checkout .quantity input.qty { border-radius: 10px !important; }
/* Boton apagado: que el hover no lo cambie */
.eo-int .eo-landing .eo-carrito button[name=update_cart]:disabled:hover, .eo-int .eo-landing .eo-carrito button[name=update_cart][aria-disabled=true]:hover { background: #F0DDD3; border-color: #F0DDD3; color: #5A6168 !important; }
/* Enlaces de texto dentro de las tablas y del acceso: zona tactil de 44 px */
.eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table td a:not(.button), .eo-int .eo-landing .eo-cuenta table.woocommerce-orders-table th a,
.eo-int .eo-landing .eo-carrito table.cart td.product-name a, .eo-int .eo-landing .eo-cuenta .woocommerce-LostPassword a,
.eo-int .eo-landing .eo-checkout table.shop_table td.product-name a { display: inline-flex; align-items: center; min-height: 44px; }

/* Texto de botones: se fija con !important porque el tema pone su color en .woocommerce button.button */
.eo-int .eo-landing .eo-cuenta button.button,
.eo-int .eo-landing .eo-cuenta a.button,
.eo-int .eo-landing .eo-cuenta a.woocommerce-button,
.eo-int .eo-landing .eo-cuenta button.woocommerce-Button,
.eo-int .eo-landing .eo-cuenta input[type=submit],
.eo-int .eo-landing .eo-cuenta button[type=submit],
.eo-int .eo-landing .eo-cuenta button.single_add_to_cart_button,
.eo-int .eo-landing .eo-carrito button.button,
.eo-int .eo-landing .eo-carrito a.button,
.eo-int .eo-landing .eo-carrito a.woocommerce-button,
.eo-int .eo-landing .eo-carrito button.woocommerce-Button,
.eo-int .eo-landing .eo-carrito input[type=submit],
.eo-int .eo-landing .eo-carrito button[type=submit],
.eo-int .eo-landing .eo-carrito button.single_add_to_cart_button,
.eo-int .eo-landing .eo-checkout button.button,
.eo-int .eo-landing .eo-checkout a.button,
.eo-int .eo-landing .eo-checkout a.woocommerce-button,
.eo-int .eo-landing .eo-checkout button.woocommerce-Button,
.eo-int .eo-landing .eo-checkout input[type=submit],
.eo-int .eo-landing .eo-checkout button[type=submit],
.eo-int .eo-landing .eo-checkout button.single_add_to_cart_button { color: var(--crema) !important; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button { color: var(--petroleo) !important; }
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-cuenta td.woocommerce-orders-table__cell-order-actions a.button:focus,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-carrito td.woocommerce-orders-table__cell-order-actions a.button:focus,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button:hover,
.eo-int .eo-landing .eo-checkout td.woocommerce-orders-table__cell-order-actions a.button:focus { color: var(--crema) !important; }
.eo-int .eo-landing .eo-cuenta a.checkout-button,
.eo-int .eo-landing .eo-cuenta #place_order,
.eo-int .eo-landing .eo-cuenta a.checkout-button:hover,
.eo-int .eo-landing .eo-cuenta #place_order:hover,
.eo-int .eo-landing .eo-carrito a.checkout-button,
.eo-int .eo-landing .eo-carrito #place_order,
.eo-int .eo-landing .eo-carrito a.checkout-button:hover,
.eo-int .eo-landing .eo-carrito #place_order:hover,
.eo-int .eo-landing .eo-checkout a.checkout-button,
.eo-int .eo-landing .eo-checkout #place_order,
.eo-int .eo-landing .eo-checkout a.checkout-button:hover,
.eo-int .eo-landing .eo-checkout #place_order:hover { color: #04302A !important; }
.eo-int .eo-landing .eo-cuenta button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-cuenta button[name=update_cart][aria-disabled=true],
.eo-int .eo-landing .eo-carrito button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-carrito button[name=update_cart][aria-disabled=true],
.eo-int .eo-landing .eo-checkout button[name=update_cart]:disabled,
.eo-int .eo-landing .eo-checkout button[name=update_cart][aria-disabled=true] { color: #5A6168 !important; }
.eo-int .eo-landing .eo-cuenta .cart_totals .order-total td,
.eo-int .eo-landing .eo-cuenta .cart_totals .order-total td *,
.eo-int .eo-landing .eo-cuenta .woocommerce-checkout-review-order-table .order-total td *,
.eo-int .eo-landing .eo-carrito .cart_totals .order-total td,
.eo-int .eo-landing .eo-carrito .cart_totals .order-total td *,
.eo-int .eo-landing .eo-carrito .woocommerce-checkout-review-order-table .order-total td *,
.eo-int .eo-landing .eo-checkout .cart_totals .order-total td,
.eo-int .eo-landing .eo-checkout .cart_totals .order-total td *,
.eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table .order-total td * { white-space: nowrap; }
.eo-int .eo-landing .eo-carrito table.cart td.actions .coupon { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 10px; }
.eo-int .eo-landing .eo-carrito table.cart td.actions .coupon input#coupon_code { flex: 1 1 220px; width: auto; }
/* 2026-11-04 · Checkout a 375 px: la fila Total (nowrap) estiraba la tabla del resumen y se salia de la caja */
@media (max-width: 560px) {
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table .order-total td * { white-space: normal; }
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table .order-total td .amount,
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table .order-total td bdi { white-space: nowrap; }
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table td,
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table th { padding-left: 14px; padding-right: 14px; }
  .eo-int .eo-landing .eo-checkout #order_review.woocommerce-checkout-review-order { padding-left: 12px !important; padding-right: 12px !important; }
}
@media (max-width: 560px) {
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table { table-layout: fixed; width: 100%; }
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table td,
  .eo-int .eo-landing .eo-checkout .woocommerce-checkout-review-order-table th { overflow-wrap: anywhere; }
}
.eo-int .eo-landing .eo-carrito .product-mobile-actions a.remove,
.eo-int .eo-landing .eo-checkout .product-mobile-actions a.remove { min-width: 44px; min-height: 44px; justify-content: center; }
.eo-int .woocommerce-mini-cart a.remove.remove_from_cart_button,
.eo-int .ct-cart-content a.remove.remove_from_cart_button { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; }

/* =====================================================================
   TANDA 4 (2026-11-04): fichas de producto (.single-product). Solo CSS: no toca compra, variaciones ni precios.
   Margen unico, galeria R 0 R R, boton y cantidad redondos, selector de variacion alineado.
   ===================================================================== */
.eo-int.single-product .hero-section.is-width-constrained,
.eo-int.single-product .product-entry-wrapper,
.eo-int.single-product .related.products,
.eo-int.single-product .up-sells.products {
  width: 100%; max-width: var(--tope); margin-left: auto; margin-right: auto;
  padding-left: var(--margen); padding-right: var(--margen); box-sizing: border-box;
}
/* Galeria: foto 28/0/28/28 y miniaturas 12/0/12/12 */
.eo-int.single-product .woocommerce-product-gallery .flexy-view { border-radius: 28px 0 28px 28px; overflow: hidden; }
.eo-int.single-product .woocommerce-product-gallery .flexy-view .ct-media-container,
.eo-int.single-product .woocommerce-product-gallery .flexy-view img { border-radius: 0; }
.eo-int.single-product .woocommerce-product-gallery .flexy-pills .ct-media-container { border-radius: 12px 0 12px 12px; overflow: hidden; }
.eo-int.single-product .woocommerce-product-gallery .flexy-pills img { border-radius: 0; }
/* Variacion: etiqueta arriba, opciones a la izquierda */
.eo-int.single-product form.variations_form table.variations,
.eo-int.single-product form.variations_form table.variations tbody,
.eo-int.single-product form.variations_form table.variations tr,
.eo-int.single-product form.variations_form table.variations th,
.eo-int.single-product form.variations_form table.variations td { display: block; width: 100%; text-align: left; }
.eo-int.single-product form.variations_form table.variations th { padding: 0 0 10px; }
.eo-int.single-product form.variations_form table.variations td { padding: 0; }
.eo-int.single-product form.variations_form .cfvsw-swatches-container { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; }
.eo-int.single-product form.variations_form .reset_variations { display: inline-flex; align-items: center; min-height: 44px; color: var(--turquesa-texto); }
/* Cantidad y boton: pastilla de 52 px */
.eo-int.single-product .ct-cart-actions .quantity { border-radius: 999px; min-height: 52px; height: 52px; overflow: hidden; border: 1.5px solid var(--petroleo); box-sizing: border-box; }
.eo-int.single-product .ct-cart-actions .quantity input.qty { min-height: 0; height: 100%; background: transparent; border: 0; }
.eo-int.single-product .ct-cart-actions .quantity .ct-increase,
.eo-int.single-product .ct-cart-actions .quantity .ct-decrease { min-width: 44px; min-height: 44px; }
.eo-int.single-product button.single_add_to_cart_button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; box-sizing: border-box;
  border: 1.5px solid var(--turquesa); border-radius: 999px; background: var(--turquesa); color: #04302A;
  font-family: var(--sans); font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; box-shadow: none; transition: background-color .2s ease, border-color .2s ease;
}
.eo-int.single-product button.single_add_to_cart_button:hover,
.eo-int.single-product button.single_add_to_cart_button:focus { background: #1CAA95; border-color: #1CAA95; color: #04302A; }
.eo-int.single-product button.single_add_to_cart_button:focus-visible { outline: 2px solid var(--turquesa-texto); outline-offset: 3px; }
.eo-int.single-product button.single_add_to_cart_button.disabled,
.eo-int.single-product button.single_add_to_cart_button:disabled { opacity: .55; }

/* Tanda 4: migas con zona táctil de 44 px sin mover el diseño */
.eo-int.single-product .ct-breadcrumbs a { display: inline-block; min-width: 44px; padding: 11px 0; margin: -11px 0; }

/* Contraste: todo título y etiqueta dentro de una sección oscura va claro (fichas de producto: «Sobre este aroma», «Cómo se usa», «Ficha técnica») */
.eo-int .eo-landing .eo-oscuro h1, .eo-int .eo-landing .eo-oscuro h2, .eo-int .eo-landing .eo-oscuro h3, .eo-int .eo-landing .eo-oscuro h4 { color: var(--crema); }
.eo-int .eo-landing .eo-oscuro .eo-kick { color: #45DCC4; }
/* Contraste: el asterisco de «obligatorio» en rojo puro daba 3,5 a 4:1; coral de la marca para texto (5,5:1 sobre crema) */
.eo-int .required, .eo-int abbr.required, .eo-int span.required { color: #B93A20; text-decoration: none; }

/* ========== CABECERA PETROLEO (2026-11-05, local, sin subir) ==========
   La cabecera de Mi cuenta en las internas, con el petroleo hasta la seccion de titulo.
   Todo cuelga de body.eo-cab-pet: sin esa clase, este bloque no hace nada.
   El humo es estatico (por peso) y vive junto a este CSS, en uploads/eo-portada-v3/. */

/* ---------- Cabecera transparente: gana al sticky crema del tema hijo (body[data-header] #header) ---------- */
.eo-int.eo-cab-pet #header { position: absolute; z-index: 100; top: 0; left: 0; right: 0; background: none; box-shadow: none; }
.eo-int.eo-cab-pet #header [data-row],
.eo-int.eo-cab-pet #header [data-row] > * { background: none; border: 0; box-shadow: none; }
.eo-int.eo-cab-pet #header .default-logo { filter: brightness(0) invert(1); }
.eo-int.eo-cab-pet #header .menu > li > .ct-menu-link,
.eo-int.eo-cab-pet #header [data-id="menu"] > ul > li > .ct-menu-link { color: #fff; }
.eo-int.eo-cab-pet #header .menu > li > .ct-menu-link:hover,
.eo-int.eo-cab-pet #header .menu > li > .ct-menu-link:focus,
.eo-int.eo-cab-pet #header .menu > li.current-menu-item > .ct-menu-link { color: var(--turquesa); }
.eo-int.eo-cab-pet #header .ct-header-cta a.ct-button,
.eo-int.eo-cab-pet #header [data-id="button"] .ct-button { background: transparent; border: 1.5px solid rgba(254,251,249,.6); color: #fff !important; }
/* !important: el hover de la seccion 3 de este archivo fija el texto en crema con !important. */
.eo-int.eo-cab-pet #header .ct-header-cta a.ct-button:hover,
.eo-int.eo-cab-pet #header .ct-header-cta a.ct-button:focus,
.eo-int.eo-cab-pet #header [data-id="button"] .ct-button:hover,
.eo-int.eo-cab-pet #header [data-id="button"] .ct-button:focus { background: var(--crema); border-color: var(--crema); color: var(--petroleo) !important; }
.eo-int.eo-cab-pet #header .ct-header-cart,
.eo-int.eo-cab-pet #header .ct-header-trigger { --theme-icon-color: #fff; --theme-icon-hover-color: var(--turquesa); --theme-link-initial-color: #fff; --theme-link-hover-color: var(--turquesa); color: #fff; }
.eo-int.eo-cab-pet #header .ct-header-cart svg,
.eo-int.eo-cab-pet #header .ct-header-trigger svg { fill: currentColor; }
.eo-int.eo-cab-pet #header .ct-header-cart .ct-cart-item,
.eo-int.eo-cab-pet #header .ct-header-cart .ct-cart-item * { color: #fff; }
.eo-int.eo-cab-pet #header .ct-header-cart .ct-amount,
.eo-int.eo-cab-pet #header .ct-header-cart .ct-amount * { color: #fff !important; font-family: inherit !important; }
.eo-int.eo-cab-pet #header .ct-toggle-dropdown-desktop-ghost { min-width: 44px; min-height: 44px; margin: -10px; }
.eo-int.eo-cab-pet #header .ct-header-trigger,
.eo-int.eo-cab-pet #header .ct-header-cart .ct-cart-item { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

/* El desplegable del mini-carrito es blanco (tema hijo): no debe heredar el blanco de la cabecera. */
.eo-int.eo-cab-pet #header .ct-header-cart .ct-cart-content { color: var(--texto); --theme-text-color: var(--texto); --theme-link-initial-color: var(--titular); --theme-link-hover-color: var(--turquesa-texto); --theme-icon-color: var(--titular); --theme-icon-hover-color: var(--turquesa-texto); }
.eo-int.eo-cab-pet #header .ct-header-cart .ct-cart-content svg { fill: currentColor; }

/* Al bajar: fija y en petroleo solido. La clase es-bajado la pone un JS pequeno; sin JS la cabecera se queda arriba. */
.eo-int.eo-cab-pet.es-bajado #header { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); background: var(--petroleo); box-shadow: 0 1px 0 rgba(254,251,249,.12); }
/* Bajo 600 px la barra de admin se va con el scroll: la cabecera fija sube hasta arriba. */
@media (max-width: 600px) { .eo-int.eo-cab-pet.es-bajado #header { top: 0; } }

/* ---------- Banda de titulo en petroleo con humo ---------- */
.eo-int.eo-cab-pet .eo-landing .eo-top,
.eo-int.eo-cab-pet .eo-landing .eo-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--petroleo); }
.eo-int.eo-cab-pet .eo-landing .eo-top { padding: 162px 0 64px; }
.eo-int.eo-cab-pet .eo-landing .eo-top::before,
.eo-int.eo-cab-pet .eo-landing .eo-hero::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: url(humo-pc-abierto.webp) center / cover no-repeat; pointer-events: none; }
.eo-int.eo-cab-pet .eo-landing .eo-top h1 { color: #fff; }
.eo-int.eo-cab-pet .eo-landing .eo-top h1 em { font-style: italic; color: var(--turquesa); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-kick { color: var(--turquesa); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-intro { color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-caminos { margin-top: 36px; }
.eo-int.eo-cab-pet .eo-landing .eo-top + .eo-sec { padding-top: 56px; }

/* Lo demas que vive dentro de la banda: linea de ayuda de la 404 (!important: el enlace trae color en linea) y pasos de la compra. */
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-wrap > p:not(.eo-intro) { color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-wrap > p:not(.eo-intro) a { color: var(--turquesa) !important; }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra li { color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra li.actual { color: #fff; }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra a { color: var(--turquesa); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra li span { background: transparent; border-color: rgba(254,251,249,.6); color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra li.actual span { background: var(--turquesa); border-color: var(--turquesa); color: #04302A; }
.eo-int.eo-cab-pet .eo-landing .eo-top .eo-pasos-compra li.hecho span { background: #E6F7F4; border-color: #E6F7F4; color: var(--turquesa-texto); }

/* /para-negocios/ no tiene .eo-top: su titulo vive en .eo-hero. */
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-wrap { padding-top: 162px; padding-bottom: 64px; }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-chip { color: var(--turquesa); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-hero-txt h1 { color: #fff; }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-hero-txt h1 em { font-style: italic; color: var(--turquesa); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-intro,
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-hero-nota { color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-1 { background: var(--crema); border-color: var(--crema); color: var(--petroleo); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-1:hover,
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-1:focus { background: var(--arena); border-color: var(--arena); color: var(--petroleo); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-2 { background: transparent; border-color: rgba(254,251,249,.6); color: var(--crema); }
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-2:hover,
.eo-int.eo-cab-pet .eo-landing .eo-hero .eo-btn-2:focus { background: var(--crema); border-color: var(--crema); color: var(--petroleo); }

@media (max-width: 767px) {
  .eo-int.eo-cab-pet .eo-landing .eo-top { padding: 119px 0 44px; }
  .eo-int.eo-cab-pet .eo-landing .eo-top::before,
  .eo-int.eo-cab-pet .eo-landing .eo-hero::before { background-image: url(humo-cel-abierto.webp); }
  .eo-int.eo-cab-pet .eo-landing .eo-top + .eo-sec { padding-top: 40px; }
  .eo-int.eo-cab-pet .eo-landing .eo-hero .eo-wrap { padding-top: 119px; padding-bottom: 44px; }
  /* Tienda: tarjetas mas compactas, para que la banda oscura no sea tan larga. */
  .eo-int.eo-cab-pet .eo-landing .eo-top .eo-caminos { margin-top: 28px; gap: 12px; }
  .eo-int.eo-cab-pet .eo-landing .eo-top .eo-camino { padding: 18px 20px; }
  .eo-int.eo-cab-pet .eo-landing .eo-top .eo-camino b { font-size: 24px; }
}

/* ---------- Fichas: sin titulo en la banda, solo cabecera y migas ---------- */
/* El tema deja 18 px de crema sobre la banda; sin esto el logo blanco se pierde en esa franja. */
.eo-int.eo-cab-pet.single-product #main > .ct-container-full { padding-top: 0 !important; }
.eo-int.eo-cab-pet.single-product .hero-section.is-width-constrained {
  position: relative; margin-top: 0; margin-bottom: 40px; padding-top: 108px; padding-bottom: 20px; background: var(--petroleo);
  box-shadow: 0 0 0 100vmax var(--petroleo); clip-path: inset(0 -100vmax);
}
.eo-int.eo-cab-pet.single-product .ct-breadcrumbs,
.eo-int.eo-cab-pet.single-product .ct-breadcrumbs a,
.eo-int.eo-cab-pet.single-product .ct-breadcrumbs span { color: var(--crema); }
.eo-int.eo-cab-pet.single-product .ct-breadcrumbs a:hover { color: var(--turquesa); }
@media (max-width: 767px) {
  .eo-int.eo-cab-pet.single-product .hero-section.is-width-constrained { padding-top: 88px; padding-bottom: 12px; margin-bottom: 24px; }
}