/* ==========================================================
   El Molino — Selector de idioma (banderas) y contenido bilingüe
   ========================================================== */

.lang-switch { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px; background: #f1effb; border: 1px solid #dcd8f2; font: 700 12px/1 'Poppins', Arial, sans-serif; vertical-align: middle; }
.lang-switch button { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 5px 10px 5px 7px; border: 0; border-radius: 999px; background: transparent; color: #1600a3; cursor: pointer; font: inherit; letter-spacing: .5px; line-height: 1; transition: background .2s, color .2s; }
.lang-switch button:hover { background: rgba(22, 0, 163, .08); }
.lang-switch button:focus-visible { outline: 2px solid #ffce29; outline-offset: 1px; }
.lang-switch button[aria-pressed="true"] { background: #1600a3; color: #fff; }
.lang-switch svg { display: block; width: 21px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .15); }

/* Páginas de menú y lealtad: en celular las banderas van en una franja hasta arriba */
.lang-bar { display: none; }
@media (max-width: 640px) {
  .main-nav .lang-switch { display: none; }
  .lang-bar { display: flex; justify-content: flex-end; align-items: center; padding: 6px 16px; background: #1600a3; }
  .lang-bar .lang-switch { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .25); }
  .lang-bar .lang-switch button { color: #fff; }
  .lang-bar .lang-switch button[aria-pressed="true"] { background: #ffce29; color: #1600a3; }
}

/* Home (Divi): banderas a la izquierda de la navegación */
#et-top-navigation > .lang-switch { float: left; margin: -9px 28px 0 0; position: relative; z-index: 20; } /* encima del .logo_container de Divi, que cubre todo el header */
@media (max-width: 980px) {
  #et-top-navigation > .lang-switch { margin: -3px 18px 0 0; }
}

/* Menú: cada descripción se muestra solo en el idioma activo */
html[lang="es"] .desc,
html[lang="es"] .tortilleria-intro p.en { display: none; }
html[lang="en"] .desc-es,
html[lang="en"] .tortilleria-intro p.es { display: none; }

/* ==========================================================
   Cuerpo de texto unificado (menu.html y lealtad.html)
   Igual que el home: Inter 16px / 1.8 (15px tablet, 14px celular)
   ========================================================== */
.menu-hero p, .intro p, .desc, .desc-es, .tortilleria-intro p, .meat-note p,
.cta p:not(.closing), .loyalty .lead, .loyalty .sub, .pt-content, .pt-content p,
.site-footer p, .copy {
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-style: normal;
}
.drink-note, .meat-note p span, .form-fallback { font-family: 'Inter', Helvetica, Arial, sans-serif; line-height: 1.8; }
.meat-note p span { font-style: normal; }
@media (max-width: 980px) {
  .menu-hero p, .intro p, .desc, .desc-es, .tortilleria-intro p, .meat-note p,
  .cta p:not(.closing), .loyalty .lead, .loyalty .sub, .pt-content, .pt-content p,
  .site-footer p, .copy { font-size: 15px; }
}
@media (max-width: 767px) {
  .menu-hero p, .intro p, .desc, .desc-es, .tortilleria-intro p, .meat-note p,
  .cta p:not(.closing), .loyalty .lead, .loyalty .sub, .pt-content, .pt-content p,
  .site-footer p, .copy { font-size: 14px; }
}
/* Mismo color que el cuerpo de texto del home (negro sobre fondo blanco) */
.intro p, .desc, .desc-es, .tortilleria-intro p, .tortilleria-intro p.es, .meat-note p, .drink-note, .meat-note p span { color: #000; font-style: normal; }