/* Experiencias Alicante · renovación progresiva, 2026.
 * Se carga DESPUÉS de la hoja del sitio. Conserva .inv, los ids y los módulos
 * de reserva heredados. Todos los estilos quedan limitados a .ea-modern.
 */
body.ea-modern {
  --ea-ink: #17394b;
  --ea-muted: #617580;
  --ea-blue: #00527d;
  --ea-blue-dark: #003e61;
  --ea-blue-soft: #edf5f8;
  --ea-orange: #c65316;
  --ea-orange-hover: #a8400d;
  --ea-paper: #fff;
  --ea-canvas: #f5f6f3;
  --ea-line: #dce5e8;
  --ea-radius: 16px;
  --ea-shadow: 0 8px 28px rgb(23 57 75 / 6%);
  margin: 0;
  padding: 0;
  width: 100%;
  background: var(--ea-canvas);
  color: var(--ea-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body.ea-modern *,
body.ea-modern *::before,
body.ea-modern *::after { box-sizing: border-box; }
body.ea-modern img { max-width: 100%; }
body.ea-modern a { text-underline-offset: 3px; }
body.ea-modern a:focus-visible,
body.ea-modern button:focus-visible,
body.ea-modern input:focus-visible,
body.ea-modern select:focus-visible,
body.ea-modern textarea:focus-visible,
body.ea-modern [tabindex]:focus-visible {
  outline: 3px solid var(--ea-blue);
  outline-offset: 4px;
}
body.ea-modern button,
body.ea-modern input,
body.ea-modern select,
body.ea-modern textarea { font: inherit; }
body.ea-modern h1,
body.ea-modern h2,
body.ea-modern h3 { text-wrap: pretty; }
body.ea-modern .c3 { color: var(--ea-blue); }
body.ea-modern .c2 { color: var(--ea-orange); }
body.ea-modern .bgc2 { background-color: var(--ea-orange); }
body.ea-modern .gris,
body.ea-modern .grey { color: var(--ea-muted); }
body.ea-modern .ea-skip-link {
  position: fixed;
  z-index: 2000000001;
  top: 12px;
  left: 12px;
  padding: 12px 20px;
  border-radius: 8px;
  background: var(--ea-blue-dark);
  color: #fff;
  transform: translateY(-200%);
}
body.ea-modern .ea-skip-link:focus { transform: translateY(0); }

/* Cabecera y navegación de escritorio. */
body.ea-modern.ea-desktop div.conte,
body.ea-modern.ea-desktop div.conte1 {
  width: calc(100% - 48px);
  max-width: 1440px;
  min-width: 0;
  margin-inline: auto;
  border: 0;
  background: transparent;
}
body.ea-modern.ea-desktop div.bc_m { padding-block: 22px 32px; }
body.ea-modern.ea-desktop .mn_sptp {
  min-height: 36px;
  height: auto;
  margin: 0;
  background: #eaf0f3;
  border: 0;
  font-size: 12px;
}
body.ea-modern.ea-desktop .mn_sptp > .conte1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 36px;
  gap: 16px;
}
body.ea-modern.ea-desktop .ac_c,
body.ea-modern.ea-desktop .ac_ca { float: none; margin: 0; padding: 0; }
body.ea-modern.ea-desktop .ac_c a,
body.ea-modern.ea-desktop .ac_ca a { color: var(--ea-blue); }
body.ea-modern.ea-desktop .wish_top,
body.ea-modern.ea-desktop .wish_top_da_n {
  float: none;
  width: auto;
  height: auto;
  min-height: 28px;
  margin: 0;
  padding: 3px 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font: inherit;
  color: var(--ea-muted);
}
body.ea-modern.ea-desktop .wish_top { color: var(--ea-blue); background: #fff; }
body.ea-modern.ea-desktop .conte.h96 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  height: auto;
  min-height: 110px;
  padding-block: 14px 20px;
}
body.ea-modern.ea-desktop .conte.h96 > a { display: block; max-width: 65%; }
body.ea-modern.ea-desktop .conte.h96 > a img {
  display: block;
  width: auto;
  height: auto;
  max-height: 76px;
  object-fit: contain;
  float: none;
}
body.ea-modern.ea-desktop .dch_sml { position: static; max-width: 300px; }
body.ea-modern.ea-desktop .dch_sml img { max-height: 64px; width: auto; object-fit: contain; }
body.ea-modern.ea-desktop .tp_hor { bottom: 2px; right: 0; color: var(--ea-muted); font-size: 11px; }
body.ea-modern.ea-desktop .mn_main {
  width: 100%;
  height: auto;
  margin: 0;
  background: var(--ea-blue-dark);
  border-bottom: 3px solid var(--ea-orange);
}
body.ea-modern.ea-desktop .mn_main > .conte1 { height: auto; }
body.ea-modern.ea-desktop .mn_main ul.op_m { display: flex; width: 100%; flex-wrap: wrap; }
body.ea-modern.ea-desktop .mn_main li.op_m,
body.ea-modern.ea-desktop .mn_main li.op_mh {
  float: none;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  width: auto;
  min-height: 54px;
  border: 0;
  border-right: 1px solid rgb(255 255 255 / 12%);
  background: transparent;
  font: inherit;
}
body.ea-modern.ea-desktop .mn_main li.op_m > a,
body.ea-modern.ea-desktop .mn_main li.op_mh > a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 54px;
  height: auto;
  padding: 10px 12px;
  color: #fff;
  background: transparent;
  font: 600 13px/1.35 system-ui, sans-serif;
  text-decoration: none;
}
body.ea-modern.ea-desktop .mn_main li.op_m:hover,
body.ea-modern.ea-desktop .mn_main li.op_mh,
body.ea-modern.ea-desktop .mn_main a[aria-current="page"] { background: rgb(255 255 255 / 12%); }
body.ea-modern.ea-desktop .mn_main .tkr { width: 22px; height: 22px; object-fit: cover; border-radius: 5px; margin: 0; }
body.ea-modern.ea-desktop .mn_main .flecha-down { display: none; }
body.ea-modern .ea-nav-toggle {
  display: inline-grid;
  place-items: center;
  flex: 0 0 34px;
  width: 34px;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
body.ea-modern .ea-nav-toggle::after { content: "⌄"; font-size: 20px; line-height: 1; }
body.ea-modern .ea-nav-toggle[aria-expanded="true"]::after { transform: rotate(180deg); }
body.ea-modern.ea-desktop #epp,
body.ea-modern.ea-desktop #epf,
body.ea-modern.ea-desktop #ecs {
  top: 100%;
  left: 0;
  max-width: 100%;
  width: 740px;
  height: auto;
  min-height: 220px;
  padding: 20px;
  border: 1px solid var(--ea-line);
  border-top: 0;
  border-radius: 0 0 var(--ea-radius) var(--ea-radius);
  background: #fff;
  box-shadow: 0 18px 40px rgb(23 57 75 / 16%);
}
body.ea-modern.ea-desktop #epp a,
body.ea-modern.ea-desktop #epf a { color: var(--ea-blue); line-height: 1.75; }

/* Portada: imagen y miniaturas contiguas; no se hereda el antiguo padding de 380px. */
body.ea-modern.ea-desktop .ea-home-lead { display: grid; grid-template-columns: minmax(0, 1fr) 280px; align-items: start; gap: 24px; margin-bottom: 22px; }
body.ea-modern.ea-desktop #sp-w7 { display: grid; grid-template-columns: minmax(0, 1fr) 228px; gap: 12px; position: relative; float: none; width: 100%; min-width: 0; height: 360px; margin: 0; padding: 0; background: transparent; }
body.ea-modern.ea-desktop #sp-w7 .tp_pan { grid-column: 1; grid-row: 1; position: relative; width: 100%; min-width: 0; height: 360px; margin: 0; overflow: hidden; border-radius: var(--ea-radius); background: var(--ea-blue-soft); }
body.ea-modern.ea-desktop #sp-w7 .tp_pan img { display: block; width: 100%; height: 360px; border: 0; object-fit: cover; }
body.ea-modern.ea-desktop #sp-w7 .tp_pan .info { top: auto; bottom: 0; left: 0; width: 100%; height: auto; padding: 42px 22px 20px; background: linear-gradient(transparent, rgb(7 33 47 / 90%)); color: #fff; }
body.ea-modern.ea-desktop #sp-w7 .info h2 { margin: 0 0 5px; padding: 0; font: 650 25px/1.22 system-ui, sans-serif; }
body.ea-modern.ea-desktop #sp-w7 .info h2 a { color: #fff; font: inherit; }
body.ea-modern.ea-desktop #sp-w7 .info p { margin: 0; font: 400 14px/1.45 system-ui, sans-serif; }
body.ea-modern.ea-desktop #sp-w7 ul.tp_n { grid-column: 2; grid-row: 1; position: static; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: repeat(4, minmax(0, 1fr)); gap: 10px; width: 100%; height: 360px; margin: 0; padding: 0; }
body.ea-modern.ea-desktop #sp-w7 ul.tp_n li { padding: 0; border-radius: 10px; overflow: hidden; background: none; min-width: 0; }
body.ea-modern.ea-desktop #sp-w7 li.tp_it a { display: flex; align-items: center; gap: 10px; height: 100%; padding: 10px; border: 1px solid var(--ea-line); border-radius: 10px; background: #fff; color: var(--ea-ink); text-decoration: none; }
body.ea-modern.ea-desktop #sp-w7 li.tp_sel a { border-color: var(--ea-blue); background: var(--ea-blue-soft); }
body.ea-modern.ea-desktop #sp-w7 ul.tp_n li picture { display: block; flex: 0 0 58px; }
body.ea-modern.ea-desktop #sp-w7 ul.tp_n li img { display: block; float: none; width: 58px; height: 58px; margin: 0; border: 0; border-radius: 6px; object-fit: cover; }
body.ea-modern.ea-desktop #sp-w7 ul.tp_n li span { font: 600 14px/1.35 system-ui, sans-serif; }
body.ea-modern.ea-desktop .r_v { position: static; float: none; width: 100%; min-width: 0; height: auto; min-height: 0; margin: 0; padding: 20px; border: 1px solid var(--ea-line); border-radius: var(--ea-radius); background: #fff; color: var(--ea-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
body.ea-modern.ea-desktop .r_v .m_s { color: var(--ea-ink); font-family: inherit; font-size: 15px; line-height: 1.55; }
body.ea-modern.ea-desktop .c_r_1 { margin: 14px 0; font-size: 11px; line-height: 1.5; }
body.ea-modern.ea-desktop .r_v .n_nt { font-size: 28px; font-weight: 750; }
body.ea-modern .ea-review-divider { margin: 14px 0 12px; border: 0; border-top: 1px solid var(--ea-line); }
body.ea-modern.ea-desktop h1.scr1 { clear: both; float: none; margin: 22px 0 8px; color: var(--ea-ink); font-size: clamp(24px, 2.1vw, 29px); line-height: 1.28; font-weight: 650; }
body.ea-modern.ea-desktop h2.scr1 { float: none; margin: 0 0 18px; color: var(--ea-muted); font-size: 15px; line-height: 1.45; }
body.ea-modern.ea-desktop div.scr1 { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; width: 100%; height: auto; margin: 0 0 24px; border: 0; }
body.ea-modern.ea-desktop div.las6 { display: flex; flex-direction: column-reverse; float: none; width: auto; height: auto; margin: 0; overflow: hidden; border: 1px solid var(--ea-line); border-radius: 12px; background: #fff; }
body.ea-modern.ea-desktop img.las6 { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
body.ea-modern.ea-desktop .tr7 { position: static; width: 100%; height: auto; background: none; }
body.ea-modern.ea-desktop .tr7 a { display: block; min-height: 66px; padding: 12px; color: var(--ea-blue); font: 600 13px/1.5 system-ui, sans-serif; text-transform: none; text-decoration: none; }

/* Cabecera y etiquetas de categoría. */
body.ea-modern.ea-desktop div.rmb,
body.ea-modern.ea-desktop div.rmb_reg { position: static; width: 100%; padding: 4px 0 24px; border: 0; background: transparent; opacity: 1; filter: none; }
body.ea-modern.ea-desktop h1.rmb,
body.ea-modern.ea-desktop h1.rmb_reg { color: var(--ea-ink); font: 650 clamp(24px, 2.1vw, 29px)/1.28 system-ui, sans-serif; margin: 0 0 10px; }
body.ea-modern.ea-desktop h2.rmb { margin: 0; color: var(--ea-muted); font: 400 17px/1.5 system-ui, sans-serif; }
body.ea-modern.ea-desktop img.scnd { display: block; width: 100%; height: auto; max-height: 340px; aspect-ratio: 4 / 1; object-fit: cover; margin: 0 0 24px; border-radius: var(--ea-radius); }
body.ea-modern.ea-desktop .eti_out,
body.ea-modern.ea-desktop .eti_out_x,
body.ea-modern.ea-desktop .etiqou { width: 100%; height: auto; padding: 0 0 8px; margin: 0 0 18px; overflow-x: auto; }
body.ea-modern.ea-desktop .etiq { display: flex; flex-wrap: wrap; gap: 8px; width: auto; }
body.ea-modern.ea-desktop .eti_m,
body.ea-modern.ea-desktop .eti_r,
body.ea-modern.ea-desktop .eti_m_x { float: none; flex: 0 0 auto; margin: 0; padding: 8px 14px; border: 1px solid var(--ea-line); border-radius: 9px; background: #fff; font: 500 13px/1.5 system-ui, sans-serif; }
body.ea-modern.ea-desktop .eti_r { background: var(--ea-blue); color: #fff; }
body.ea-modern.ea-desktop .eti_m a { font: inherit; color: var(--ea-blue); }
body.ea-modern a[aria-current="page"] { text-decoration-thickness: 2px; }

/* Listado: mismas fichas, con una cuadrícula interna estable. */
body.ea-modern.ea-desktop .lft { width: calc(100% - 252px); }
body.ea-modern.ea-desktop .p_li { width: 228px; float: right; margin: 0 0 24px 24px; }
body.ea-modern.ea-desktop .p_li .sh_re { padding: 15px; margin-bottom: 18px; background: #fff; border: 1px solid var(--ea-line); border-radius: 12px; }
body.ea-modern.ea-desktop .p_li img.raz_5 { width: 100%; height: auto; float: none; margin-bottom: 12px; border-radius: 12px; }
body.ea-modern.ea-desktop .cat_pr_main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 216px;
  width: calc(100% - 252px);
  margin: 0 0 24px;
  padding: 0;
  border: 1px solid var(--ea-line);
  border-radius: var(--ea-radius);
  background: #fff;
  box-shadow: var(--ea-shadow);
  overflow: hidden;
}
body.ea-modern.ea-desktop .lft > .cat_pr_main { width: 100%; }
body.ea-modern.ea-desktop .car_pr_left { width: auto; min-width: 0; float: none; padding: 22px; }
body.ea-modern.ea-desktop .car_pr_left h2,
body.ea-modern.ea-desktop .car_pr_left h3,
body.ea-modern.ea-desktop .car_pr_left .nm_seo { margin: 0 0 17px; padding: 0; text-align: left; font: 650 21px/1.3 system-ui, sans-serif; color: var(--ea-ink); }
body.ea-modern.ea-desktop .i_p_ct { display: block; width: 49%; height: auto; aspect-ratio: 16 / 10; float: left; object-fit: cover; margin: 0; border-radius: 10px; }
body.ea-modern.ea-desktop ul.tpk { width: 46%; float: right; margin: 0; }
body.ea-modern.ea-desktop ul.tpk li { font: 400 13px/1.75 system-ui, sans-serif; }
body.ea-modern.ea-desktop .car_pr_left .sepr { clear: both; float: none; width: 100%; margin: 0; padding: 16px 0 0; font-size: 13px; line-height: 1.75; color: var(--ea-muted); }
body.ea-modern.ea-desktop .cat_pr_r { float: none; width: auto; min-width: 0; padding: 22px 18px; border-left: 1px solid var(--ea-line); background: #f6fafb; text-align: left; }
body.ea-modern.ea-desktop .cat_pr_r .nm_est { font-size: 14px; line-height: 1.5; font-weight: 650; color: var(--ea-ink); }
body.ea-modern.ea-desktop .cat_pr_r > .gris { font-size: 11px; line-height: 1.6; font-style: normal; }
body.ea-modern.ea-desktop .cat_pr_r .s_nt { margin-block: 14px; padding: 0; }
body.ea-modern.ea-desktop .cat_pr_r .n_nt { font-size: 25px; line-height: 1.2; font-weight: 750; }
body.ea-modern.ea-desktop .cat_pr_r .m_nt { font-size: 12px; }
body.ea-modern.ea-desktop .cat_pr_r .opn_nt { font-size: 12px; }
body.ea-modern.ea-desktop .cat_pr_r .s_nt .gris { font-size: 11px; }
body.ea-modern.ea-desktop .cat_pr_r .pr { float: none; width: 100%; margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--ea-ink); }
body.ea-modern.ea-desktop .cat_pr_r .pr > span:first-child { font-size: 27px; font-weight: 750; letter-spacing: -1px; }
body.ea-modern.ea-desktop .cat_pr_r .pr .gris { display: inline-block; font-size: 11px; line-height: 1.5; font-weight: 400; letter-spacing: 0; }
body.ea-modern.ea-desktop .cat_pr_r .pr img { max-width: 30px; height: auto; }
body.ea-modern.ea-desktop .b_ver { position: static; width: 100%; height: auto; min-height: 44px; float: none; margin: 17px 0 0; padding: 0; border: 0; border-radius: 9px; background: var(--ea-orange); }
body.ea-modern.ea-desktop .b_ver a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px; color: #fff; font: 700 12px/1.5 system-ui, sans-serif; letter-spacing: .4px; text-decoration: none; }
body.ea-modern.ea-desktop .b_ver:hover { background: var(--ea-orange-hover); }

/* Ficha y formularios: ids, names, opciones y envíos permanecen intactos. */
body.ea-modern.ea-desktop div.prd { display: flow-root; width: 100%; margin: 0 0 28px; padding: 24px; border: 1px solid var(--ea-line); border-radius: var(--ea-radius); background: #fff; font-size: 15px; line-height: 1.6; }
body.ea-modern.ea-desktop ul.prd,
body.ea-modern.ea-desktop ul.prd_a { width: calc(100% - 364px); padding: 0; margin: 0; }
body.ea-modern.ea-desktop ul.prd h1,
body.ea-modern.ea-desktop ul.prd_a h1 { margin: 0 0 18px; text-align: left; font-size: clamp(24px, 2.2vw, 30px); line-height: 1.25; font-weight: 650; color: var(--ea-ink); }
body.ea-modern.ea-desktop ul.prd li,
body.ea-modern.ea-desktop ul.prd_a li { margin-bottom: 14px; }
body.ea-modern.ea-desktop #sc10,
body.ea-modern.ea-desktop #sc10.abs {
  position: static;
  top: auto;
  width: 324px;
  margin: 0 0 24px 28px;
  float: right;
  z-index: 10;
}
body.ea-modern.ea-desktop ul.mod { width: 100%; margin: 0; padding: 18px; border: 1px solid var(--ea-line); border-top: 3px solid var(--ea-orange); border-radius: 14px; background: var(--ea-blue-soft); line-height: 1.6; }
body.ea-modern.ea-desktop ul.mod li { margin: 10px 0; }
body.ea-modern.ea-desktop ul.mod li.pri { margin: 0 0 12px; color: var(--ea-ink); font-size: 18px; line-height: 1.5; font-weight: 500; }
body.ea-modern.ea-desktop ul.mod li.pri > span,
body.ea-modern.ea-desktop ul.mod #s_pr span { font-size: 36px; font-weight: 750; letter-spacing: -1px; }
body.ea-modern.ea-desktop ul.mod select { min-height: 46px; max-width: 100%; width: auto; padding: 10px 12px; margin: 8px 0; border: 1px solid #a5bbc5; border-radius: 8px; background: #fff; color: var(--ea-ink); font-size: 15px; }
body.ea-modern.ea-desktop ul.mod select.solo { width: 100%; }
body.ea-modern.ea-desktop ul.mod li.grey { font-size: 12px; line-height: 1.6; }
body.ea-modern.ea-desktop ul.mod input[type="submit"] { display: block; min-height: 50px; width: 100%; height: auto; padding: 12px 16px; margin: 0; border: 0; border-radius: 9px; background: var(--ea-orange); color: #fff; font-size: 16px; line-height: 1.5; font-weight: 750; cursor: pointer; }
body.ea-modern.ea-desktop ul.mod input[type="submit"]:hover { background: var(--ea-orange-hover); }
body.ea-modern.ea-desktop ul.mod li.mbb { border: 0; padding: 0; margin-bottom: 12px; }
body.ea-modern.ea-desktop ul.mod li.reg { width: 100%; height: auto; margin: 12px 0; padding: 0; border: 1px solid var(--ea-blue); border-radius: 9px; background: #fff; line-height: 1.5; }
body.ea-modern.ea-desktop ul.mod li.reg a { display: block; min-height: 46px; padding: 11px 10px; color: var(--ea-blue); font-size: 14px; font-weight: 650; text-decoration: none; }
body.ea-modern.ea-desktop ul.mod li.bt1 { padding: 9px; border: 1px solid #c2d7e0; border-radius: 8px; background: #fff; color: var(--ea-blue); font-size: 13px; }
body.ea-modern.ea-desktop ul.mod .otr div { min-height: 42px; height: auto; padding: 9px 28px 9px 9px; border-radius: 6px; font-size: 13px; line-height: 1.5; }
body.ea-modern.ea-desktop ul.mod .otr .sel { background: #d6e8ee; }
body.ea-modern.ea-desktop ul.nota,
body.ea-modern.ea-desktop ul.nota1 { width: 324px; height: auto; margin: 0 0 24px 28px; padding: 18px; border: 1px solid var(--ea-line); border-radius: 12px; background: #fff; clear: right; }
body.ea-modern.ea-desktop ul.nota li.l1,
body.ea-modern.ea-desktop ul.nota1 li.l1 { margin: 0; }
body.ea-modern.ea-desktop ul.hor { clear: both; float: none; width: 100%; margin-top: 16px; padding: 14px 18px; border: 1px solid var(--ea-line); border-radius: 12px; background: var(--ea-blue-soft); }
body.ea-modern.ea-desktop ul.hor li { height: auto; line-height: 1.6; font-size: 13px; }
body.ea-modern.ea-desktop ul.hor img { max-width: 23px; margin: 0 4px 0 12px; vertical-align: middle; }
body.ea-modern.ea-desktop div.ea-product-layout { display: grid; grid-template-columns: minmax(0, 1fr) 324px; align-items: start; gap: 26px; }
body.ea-modern.ea-desktop .ea-product-main,
body.ea-modern.ea-desktop .ea-product-aside { min-width: 0; }
body.ea-modern.ea-desktop .ea-product-main > ul.prd,
body.ea-modern.ea-desktop .ea-product-main > ul.prd_a { float: none; width: 100%; }
body.ea-modern.ea-desktop .ea-product-main > ul.preg { float: none; width: 100%; margin: 14px 0 0; line-height: 1.65; }
body.ea-modern.ea-desktop .ea-product-main > ul.preg li { margin: 0 0 8px; }
body.ea-modern.ea-desktop .ea-product-aside #sc10,
body.ea-modern.ea-desktop .ea-product-aside #sc10.abs { position: static; float: none; width: 100%; margin: 0; }
body.ea-modern.ea-desktop .ea-product-aside > ul.nota,
body.ea-modern.ea-desktop .ea-product-aside > ul.nota1 { float: none; clear: none; width: 100%; margin: 12px 0 0; padding: 14px; }
body.ea-modern.ea-desktop .ea-product-aside .l_nt1 { color: var(--ea-orange); font-size: 26px; font-weight: 750; }
body.ea-modern.ea-desktop .ea-product-aside ul.mod li.not,
body.ea-modern.ea-desktop .ea-product-aside ul.mod li:empty { display: none; }
body.ea-modern.ea-desktop .ea-product-media { position: relative; margin: 0 0 20px; }
body.ea-modern.ea-desktop .ea-product-media img.scnd { height: auto; max-height: none; aspect-ratio: auto; margin: 0; object-fit: contain; }
body.ea-modern.ea-desktop .ea-product-media .cl_gal { position: absolute; top: auto; bottom: 14px; right: 14px; width: auto; height: auto; margin: 0; padding: 0; background: transparent; opacity: 1; filter: none; text-align: right; }
body.ea-modern.ea-desktop .ea-product-media .cl_gal a { display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; min-height: 44px; padding: 10px 14px; border: 1px solid rgb(255 255 255 / 80%); border-radius: 9px; background: rgb(255 255 255 / 96%); color: var(--ea-blue); font: 600 13px/1.4 system-ui, sans-serif; box-shadow: 0 2px 12px rgb(0 0 0 / 15%); text-decoration: none; }
body.ea-modern .ea-icon { display: inline-block; flex: 0 0 22px; width: 22px; height: 22px; vertical-align: middle; }
body.ea-modern.ea-desktop .cont_m { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; width: 100%; min-width: 0; padding: 0; background: transparent; }
body.ea-modern.ea-desktop .m_med { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1; gap: 24px; width: 100%; min-width: 0; height: auto; margin: 0; }
body.ea-modern.ea-desktop .m_med li { float: none; width: 100%; min-width: 0; height: auto; padding: 17px 24px; color: var(--ea-ink); background: #fff; font-size: 18px; line-height: 1.5; font-weight: 650; text-align: left; border-radius: 12px 12px 0 0; }
body.ea-modern.ea-desktop .m_med .des { display: none; }
body.ea-modern.ea-desktop .m_cont { float: none; width: 100%; min-width: 0; margin: 0 0 28px; padding: 0 24px 24px; border: 0; border-radius: 0 0 12px 12px; background: #fff; color: var(--ea-muted); font-size: 14px; line-height: 1.75; }
body.ea-modern.ea-desktop .mapa { width: 100%; overflow: hidden; border-radius: var(--ea-radius); }
body.ea-modern.ea-desktop .m_inf { width: 248px; height: auto; min-height: 300px; top: 28px; left: 28px; border-radius: 12px; overflow: hidden; box-shadow: var(--ea-shadow); }

/* Pie y aviso de cookies existentes. No cambia el consentimiento. */
body.ea-modern.ea-desktop ul.btm { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; width: 100%; height: auto; margin: 0; padding: 24px; border-top: 1px solid var(--ea-line); background: #fff; }
body.ea-modern.ea-desktop ul.btm li { float: none; margin: 0; padding: 0; border: 0; font-size: 12px; }
body.ea-modern.ea-desktop ul.btm a { color: var(--ea-blue); font-size: 12px; }
body.ea-modern.ea-desktop .mn_btf { height: auto; padding: 36px 0 50px; background: var(--ea-blue-dark); }
body.ea-modern.ea-desktop .mn_btf > .conte { display: flex; flex-wrap: wrap; gap: 36px; }
body.ea-modern.ea-desktop ul.m_pag,
body.ea-modern.ea-desktop ul.soc { float: none; flex: 1 1 240px; width: auto; margin: 0; padding: 0; }
body.ea-modern.ea-desktop ul.m_pag li,
body.ea-modern.ea-desktop ul.soc li { float: none; width: auto; height: auto; margin: 0 0 10px; padding: 0; font-size: 13px; line-height: 1.75; text-align: left; }
body.ea-modern.ea-desktop ul.m_pag a,
body.ea-modern.ea-desktop ul.soc a { font-size: 13px; line-height: 1.75; }
body.ea-modern.ea-desktop ul.soc img { float: none; max-width: 22px; max-height: 22px; margin-left: 8px; vertical-align: middle; }
body.ea-modern div.cook { height: auto; max-height: min(60vh, 380px); overflow-y: auto; border-top: 1px solid var(--ea-line); background: #fff; box-shadow: 0 -12px 36px rgb(23 57 75 / 12%); }
body.ea-modern .conte_c { width: min(1100px, 100%); height: auto; margin-inline: auto; padding: 20px 24px; border: 0; font-size: 13px; line-height: 1.65; }
body.ea-modern ul.cook { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; width: 100%; height: auto; margin: 0; padding: 0; border: 0; background: transparent; }
body.ea-modern ul.cook li.texto { width: auto; float: none; margin: 0; font-size: 13px; line-height: 1.6; }
body.ea-modern ul.cook li.pers,
body.ea-modern ul.cook li.acep { float: none; width: auto; min-height: 44px; margin: 0; padding: 11px 15px; border: 1px solid var(--ea-blue); border-radius: 8px; font-size: 13px; line-height: 20px; }
body.ea-modern ul.cook li.acep { background: var(--ea-blue); color: #fff; }
body.ea-modern ul.cook li.pers { background: #fff; color: var(--ea-blue); }
body.ea-modern ul.cook li.pers a { color: var(--ea-blue); font: inherit; }

/* La cabecera compartida también se usa en vistas secundarias sin rediseñar sus formularios. */
.ea-mobile-header, .ea-mobile-header * { box-sizing: border-box; }
.ea-mobile-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 68px; margin: 0; padding: 4px 14px; border-bottom: 1px solid #dce5e8; background: #fff; }
.ea-mobile-header .ea-mobile-brand { display: block; flex: 0 0 142px; width: 142px; height: 60px; margin: 0; overflow: hidden; }
.ea-mobile-header .ea-mobile-brand picture { display: block; width: 388px; height: 60px; }
.ea-mobile-header .ea-mobile-brand img { display: block; width: 388px; max-width: none; height: 60px; margin: 0; border: 0; }
.ea-mobile-header .ea-mobile-actions { display: flex; align-items: center; gap: 4px; margin: 0; }
.ea-mobile-header .ea-icon-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 7px; border: 0; border-radius: 8px; background: transparent; color: #00527d; cursor: pointer; text-decoration: none; }
.ea-mobile-header .ea-icon-button:hover { background: #edf5f8; }
.ea-mobile-header .ea-icon-button:focus-visible { outline: 3px solid #00527d; outline-offset: 2px; }
/* The previous effective size was 22px from the common icon rule: +25%. */
.ea-mobile-header .ea-icon,
body.ea-modern.ea-mobile .ea-mobile-header .ea-icon { display: block; flex: 0 0 27.5px; width: 27.5px; height: 27.5px; }
/* Versión móvil: mismos formularios, paneles y callbacks existentes. */
body.ea-modern.ea-mobile { padding-bottom: 76px; font-size: 15px; line-height: 1.65; overflow-x: hidden; }
body.ea-modern.ea-mobile .m_i_t { height: auto; margin: 0; padding: 8px 16px; background: #fff; }
body.ea-modern.ea-mobile .im_hd { display: block; width: 100%; height: auto; max-height: 92px; margin: auto; object-fit: contain; }
body.ea-modern.ea-mobile .mmenu_c,
body.ea-modern.ea-mobile .mmenu_f { float: left; width: calc(50% - 21px); min-height: 48px; height: auto; margin: 12px 7px 14px 14px; padding: 12px 8px; border: 1px solid var(--ea-blue); border-radius: 9px; background: var(--ea-blue); color: #fff; font-size: 14px; line-height: 22px; font-weight: 700; }
body.ea-modern.ea-mobile .mmenu_c { margin-left: 7px; margin-right: 14px; }
body.ea-modern.ea-mobile .mmenu_f { background: #fff; color: var(--ea-blue); }
body.ea-modern.ea-mobile .mmenu_f a { color: var(--ea-blue); font-size: 14px; line-height: 22px; }
/* Los iconos dejan de flotar fuera del texto; .inv sigue ocultando los controles fijos. */
body.ea-modern.ea-mobile .mmenu_c:not(.inv),
body.ea-modern.ea-mobile .mmenu_f > a.block { display: flex; align-items: center; justify-content: center; gap: 12px; }
body.ea-modern.ea-mobile .mmenu_f > a.block { flex-direction: row-reverse; height: auto; }
body.ea-modern.ea-mobile .mmenu_f > a.block picture { display: block; flex: 0 0 auto; line-height: 0; }
body.ea-modern.ea-mobile .mmenu_f img.b_cs { display: block; float: none; width: 22px; height: 22px; margin: 0; object-fit: contain; }
body.ea-modern.ea-mobile .icmn { float: none; flex: 0 0 22px; width: 22px; height: 16px; margin: 0; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
body.ea-modern.ea-mobile .icmi { width: 100%; height: 2px; margin: 5px 0 0; border: 0; background: currentColor; }
body.ea-modern.ea-mobile .conte_c { padding: 18px; }
body.ea-modern.ea-mobile ul.cook { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.ea-modern.ea-mobile ul.cook li.texto { min-width: 0; grid-column: 1 / -1; }
body.ea-modern.ea-mobile #top,
body.ea-modern.ea-mobile #arb { width: calc(50% - 21px); min-height: 46px; bottom: 10px; margin: 0; box-shadow: 0 5px 20px rgb(23 57 75 / 18%); }
body.ea-modern.ea-mobile #top { left: 14px; }
body.ea-modern.ea-mobile #arb { right: 14px; }
body.ea-modern.ea-mobile #mnmn { width: min(88vw, 380px); padding: 20px; background: var(--ea-blue-dark); overscroll-behavior: contain; overflow-x: hidden; overflow-y: auto; }
body.ea-modern.ea-mobile #mncs { inset: 0; width: 100%; background: rgb(8 29 41 / 45%); }
/* Anular los 30px heredados: el separador debe quedar debajo del título y del cierre. */
body.ea-modern.ea-mobile .tit_mn { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; height: auto; min-height: 60px; margin: 0 0 12px; padding: 4px 0 14px; border-bottom: 1px solid rgb(255 255 255 / 24%); color: #fff; font-size: 16px; line-height: 1.4; letter-spacing: .6px; }
body.ea-modern.ea-mobile .mmncl { display: inline-flex; align-items: center; justify-content: center; float: none; flex: 0 0 40px; min-width: 40px; min-height: 40px; margin: 0; padding: 0; border-radius: 6px; color: #fff; font-size: 14px; line-height: 1; cursor: pointer; }
body.ea-modern.ea-mobile .mmncl:hover { background: rgb(255 255 255 / 10%); }
body.ea-modern.ea-mobile .mmncl:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
body.ea-modern.ea-mobile .mn_prin { width: 100%; margin: 0; padding: 15px 0; border-bottom: 1px solid rgb(255 255 255 / 18%); font-size: 17px; line-height: 1.45; }
body.ea-modern.ea-mobile .mn_sub { width: 100%; padding: 12px; margin: 8px 0; border: 0; border-radius: 10px; background: #fff; color: var(--ea-blue); font-size: 14px; line-height: 2; }
body.ea-modern.ea-mobile .mndet .mn_sub a,
body.ea-modern.ea-mobile .mndet .mn_sub a:visited { display: inline-block; padding-block: 3px; color: var(--ea-blue); font-size: 14px; line-height: 1.65; }
body.ea-modern.ea-mobile .mnopen,
body.ea-modern.ea-mobile .mnclose { color: #ffd1a3; font-size: 24px; }
body.ea-modern.ea-mobile ul.mn_cnta { width: 100%; margin: 26px 0; padding: 0; }
body.ea-modern.ea-mobile ul.mn_cnta li { height: auto; line-height: 1.65; font-size: 13px; }
body.ea-modern.ea-mobile > .e:empty { height: 0; }
body.ea-modern.ea-mobile .sl_mn { padding: 0; border: 0; clear: both; width: calc(100% - 28px); height: auto; margin: 4px 14px 0; border-radius: 14px 14px 0 0; overflow: hidden; }
body.ea-modern.ea-mobile .sl_mn img.slide { display: block; width: 100%; height: auto; aspect-ratio: 2.3 / 1; object-fit: cover; }
body.ea-modern.ea-mobile .msg_t2 { width: calc(100% - 28px); margin: 0 14px 14px; padding: 12px 16px; border-radius: 0 0 14px 14px; background: #fff; color: var(--ea-muted); font-size: 13px; line-height: 1.65; }
body.ea-modern.ea-mobile .sl_mn .msg_t2 { width: 100%; margin: 0; }
body.ea-modern.ea-mobile .msg_t2 a { color: var(--ea-ink); font-size: 19px; line-height: 1.3; }
body.ea-modern.ea-mobile .msg_t3 { width: calc(100% - 32px); margin: 16px 16px 10px; padding: 0; background: transparent; color: var(--ea-ink); text-align: left; }
body.ea-modern.ea-mobile h1.scr1,
body.ea-modern.ea-mobile h1.rmb,
body.ea-modern.ea-mobile h1.msg_t13 { width: auto; padding: 0; margin: 0; border: 0; background: transparent; color: var(--ea-ink); font: 650 clamp(21px, 5.2vw, 24px)/1.28 system-ui, sans-serif; text-align: left; }
body.ea-modern.ea-mobile h2.scr1,
body.ea-modern.ea-mobile h2.rmb { width: auto; padding: 0; margin: 8px 0 0; background: transparent; color: var(--ea-muted); font: 400 15px/1.5 system-ui, sans-serif; }
body.ea-modern.ea-mobile > h1.rmb,
body.ea-modern.ea-mobile > h1.msg_t13 { clear: both; margin: 18px 16px 10px; }
body.ea-modern.ea-mobile > h2.rmb { margin: 0 16px 14px; }
body.ea-modern.ea-mobile > picture > img.hd_sec { display: block; clear: both; width: calc(100% - 28px); height: auto; margin: 8px 14px 0; border-radius: 12px; }
body.ea-modern.ea-mobile .eti_out,
body.ea-modern.ea-mobile .eti_out_x { width: 100%; height: auto; padding: 4px 14px 8px; margin: 6px 0 10px; overflow-x: auto; overflow-y: hidden; border: 0; scrollbar-width: thin; }
body.ea-modern.ea-mobile .etiq,
body.ea-modern.ea-mobile .etiq1,
body.ea-modern.ea-mobile ul.mnscr { display: flex; align-items: stretch; gap: 8px; width: max-content; max-width: none; margin: 0; padding: 0; }
body.ea-modern.ea-mobile .eti_m,
body.ea-modern.ea-mobile .eti_r,
body.ea-modern.ea-mobile ul.mnscr li { flex: 0 0 auto; float: none; margin: 0; padding: 8px 12px; border: 1px solid var(--ea-line); border-radius: 9px; background: #fff; font-size: 13px; line-height: 1.4; white-space: nowrap; }
body.ea-modern.ea-mobile .eti_m a,
body.ea-modern.ea-mobile ul.mnscr li a { color: var(--ea-blue); }
body.ea-modern.ea-mobile ul.mnscr li.beg,
body.ea-modern.ea-mobile .eti_r { border-color: var(--ea-blue); background: var(--ea-blue); color: #fff; }
body.ea-modern.ea-mobile .nt_gen { width: calc(100% - 28px); height: auto; margin: 12px 14px 16px; padding: 12px 16px; border: 1px solid var(--ea-line); border-radius: 12px; background: #fff; font-size: 13px; line-height: 1.6; }
body.ea-modern.ea-mobile .nt_med { color: var(--ea-orange); font-size: 28px; font-weight: 750; }
body.ea-modern.ea-mobile .uni_of_s,
body.ea-modern.ea-mobile .uni_of { display: flow-root; width: calc(100% - 28px); margin: 0 14px 24px; padding: 20px; border: 1px solid var(--ea-line); border-radius: var(--ea-radius); background: #fff; box-shadow: var(--ea-shadow); font-size: 14px; line-height: 1.75; }
body.ea-modern.ea-mobile .uni_of_s .name,
body.ea-modern.ea-mobile .uni_of_s .nm_seo,
body.ea-modern.ea-mobile .uni_of .name { margin: 0 0 16px; padding: 0; color: var(--ea-ink); font-size: 21px; line-height: 1.3; font-weight: 650; text-align: left; }
body.ea-modern.ea-mobile .uni_of_s .hd_sec1,
body.ea-modern.ea-mobile .uni_of .hd_sec1 { display: block; width: calc(100% + 40px); max-width: none; height: auto; aspect-ratio: 16 / 9; object-fit: cover; margin: 0 -20px 18px; }
body.ea-modern.ea-mobile .uni_of_s > span { color: var(--ea-muted); }
body.ea-modern.ea-mobile .uni_of_s .tpk,
body.ea-modern.ea-mobile .uni_of .tpk { margin: 18px 0; padding: 12px 14px; border-radius: 10px; background: var(--ea-blue-soft); color: var(--ea-blue); font-size: 13px; line-height: 1.7; }
body.ea-modern.ea-mobile .ct_sta { display: flex; flex-direction: column; align-items: stretch; margin: 16px 0 0; padding-top: 16px; border-top: 1px solid var(--ea-line); font-size: 12px; }
body.ea-modern.ea-mobile .ct_sta > br,
body.ea-modern.ea-mobile .ct_sta > .e { display: none; }
body.ea-modern.ea-mobile .ct_sta > div { margin-bottom: 8px; }
body.ea-modern.ea-mobile .ct_sta .pr { margin-top: 8px; color: var(--ea-ink); font-size: 27px; line-height: 1.35; font-weight: 750; letter-spacing: -.6px; }
body.ea-modern.ea-mobile .ct_sta .iva { margin-top: 4px; color: var(--ea-muted); font-size: 12px; line-height: 1.5; }
body.ea-modern.ea-mobile .ea-image-cta { order: 5; display: block; float: none; min-height: 48px; width: 100%; margin: 18px 0 0; padding: 12px 18px; border-radius: 9px; background: var(--ea-orange); color: #fff !important; font-size: 14px !important; line-height: 24px; font-weight: 700; text-align: center; text-decoration: none; }
body.ea-modern.ea-mobile .ea-image-cta img.lcr { display: none; }
body.ea-modern.ea-mobile .ea-image-cta .ea-buy-label::after { content: " →"; margin-left: 8px; }
body.ea-modern.ea-mobile .hei2 { clear: both; height: auto; width: 100%; margin: 0; }
body.ea-modern.ea-mobile .hei2 img.hd_sec { display: block; width: 100%; height: auto; margin: 0; }
body.ea-modern.ea-mobile .c_ga { display: flex; justify-content: space-between; gap: 8px; width: calc(100% - 14px); height: auto; margin: 10px 7px; }
body.ea-modern.ea-mobile .galery,
body.ea-modern.ea-mobile .commi { display: flex; align-items: center; justify-content: center; gap: 6px; float: none; flex: 1 1 0; min-width: 0; width: auto; height: auto; min-height: 44px; margin: 0; padding: 8px; border: 1px solid var(--ea-line); border-radius: 8px; background: #fff; color: var(--ea-blue); font: 500 15.6px/1.35 system-ui, sans-serif; }
body.ea-modern.ea-mobile .galery { padding: 0; }
body.ea-modern.ea-mobile .galery a { display: flex; align-items: center; justify-content: center; gap: 6px; position: static; width: 100%; height: 100%; min-height: 42px; padding: 8px; color: var(--ea-blue); font: inherit; text-decoration: none; }
body.ea-modern.ea-mobile .ea-review-label { min-width: 0; text-align: center; }
body.ea-modern.ea-mobile .galery .ea-icon,
body.ea-modern.ea-mobile .commi .ea-icon { flex: 0 0 20px; width: 20px; height: 20px; }
body.ea-modern.ea-mobile h1.name,
body.ea-modern.ea-mobile h1.name_p { width: calc(100% - 16px); margin: 16px 8px 14px; padding: 0; color: var(--ea-ink); font-size: clamp(22px, 5.2vw, 25px); line-height: 1.26; font-weight: 650; text-align: left; }
body.ea-modern.ea-mobile .uni_of_x { width: calc(100% - 14px); margin: 0 7px 14px; padding: 16px; border: 1px solid var(--ea-line); border-radius: 12px; background: #fff; font-size: 14px; line-height: 1.6; }
body.ea-modern.ea-mobile ul.m_pr1,
body.ea-modern.ea-mobile ul.m_pr { display: flow-root; width: calc(100% - 14px); margin: 14px 7px; padding: 16px; border: 1px solid var(--ea-line); border-top: 3px solid var(--ea-orange); border-radius: 14px; background: var(--ea-blue-soft); font-size: 14px; }
body.ea-modern.ea-mobile ul.m_pr1 li,
body.ea-modern.ea-mobile ul.m_pr li { width: auto; height: auto; margin: 8px 0; padding: 0; line-height: 1.65; }
body.ea-modern.ea-mobile ul.m_pr1 li.pr,
body.ea-modern.ea-mobile ul.m_pr li.pr { color: var(--ea-ink); font-size: 18px; line-height: 1.5; }
body.ea-modern.ea-mobile ul.m_pr1 #s_pr,
body.ea-modern.ea-mobile ul.m_pr #s_pr { font-size: 34px; font-weight: 750; letter-spacing: -1px; }
body.ea-modern.ea-mobile ul.m_pr1 input[type="submit"],
body.ea-modern.ea-mobile ul.m_pr input[type="submit"] { float: none; display: block; width: 100%; min-height: 50px; height: auto; margin: 14px 0 0; padding: 12px; border: 0; border-radius: 9px; background: var(--ea-orange); color: #fff; font: 750 15px/1.5 system-ui, sans-serif; }
body.ea-modern.ea-mobile ul.m_pr1 select,
body.ea-modern.ea-mobile ul.m_pr select { float: none; max-width: 100%; min-height: 46px; padding: 8px 12px; margin: 8px 3px; border: 1px solid #a5bbc5; border-radius: 8px; background: #fff; color: var(--ea-ink); font-size: 16px; }
body.ea-modern.ea-mobile ul.m_pr1 .bt1,
body.ea-modern.ea-mobile ul.m_pr .bt1 { padding: 10px; border: 1px solid #bdd2dd; border-radius: 8px; background: #fff; color: var(--ea-blue); font-size: 13px; }
body.ea-modern.ea-mobile ul.m_pr1 li.re_g,
body.ea-modern.ea-mobile ul.m_pr li.re_g { float: none; width: 100%; height: auto; margin: 12px 0 0; padding: 0; border: 0; background: transparent; text-align: center; }
body.ea-modern.ea-mobile ul.m_pr1 li.re_g .rglr_l,
body.ea-modern.ea-mobile ul.m_pr li.re_g .rglr_l { display: flex; align-items: center; justify-content: center; float: none; width: 100%; height: auto; min-height: 46px; margin: 0 auto; padding: 10px 12px; border: 1px solid var(--ea-blue); border-radius: 9px; background: var(--ea-paper); color: var(--ea-blue); font: 650 14px/1.45 system-ui, sans-serif; text-align: center; cursor: pointer; }
/* El ID heredado impone texto blanco; fijar ambos colores sin afectar a li.comft. */
body.ea-modern.ea-mobile #p_r_1.rglr_l { background: var(--ea-paper); color: var(--ea-blue); }
body.ea-modern.ea-mobile ul.m_pr1 li.re_g .rglr_l:hover,
body.ea-modern.ea-mobile ul.m_pr li.re_g .rglr_l:hover,
body.ea-modern.ea-mobile #p_r_1.rglr_l:hover { background: var(--ea-blue-soft); color: var(--ea-blue); }
body.ea-modern.ea-mobile #p_r_1.rglr_l:focus-visible { background: var(--ea-blue-soft); color: var(--ea-blue); outline: 3px solid var(--ea-blue); outline-offset: 3px; }
body.ea-modern.ea-mobile ul.m_pr1 li:empty,
body.ea-modern.ea-mobile ul.m_pr li:empty { display: none; }
body.ea-modern.ea-mobile ul.of_mn { width: calc(100% - 14px); margin: 18px 7px; padding: 0; border: 1px solid var(--ea-line); border-radius: 12px; overflow: hidden; background: #fff; }
body.ea-modern.ea-mobile ul.of_mn > li { width: 100%; padding: 18px; font-size: 14px; line-height: 1.75; }
body.ea-modern.ea-mobile ul.of_mn li.li_of { min-height: 48px; margin: 0; padding: 13px 16px; border: 0; border-bottom: 1px solid var(--ea-line); background: #fff; color: var(--ea-blue); font-size: 13px; line-height: 1.6; font-weight: 700; }
body.ea-modern.ea-mobile ul.of_mn li.resp { background: #fff; color: var(--ea-muted); font-size: 14px; line-height: 1.75; }
body.ea-modern.ea-mobile ul.f_dr { width: 100%; margin: 36px 0 0; padding: 24px 16px; background: var(--ea-blue-dark); font-size: 13px; }
body.ea-modern.ea-mobile ul.f_dr li { height: auto; padding: 8px 0; line-height: 1.7; }
body.ea-modern.ea-mobile ul.f_dr li.m_pop { padding: 14px 0; border-bottom: 1px solid rgb(255 255 255 / 20%); font-size: 16px; font-weight: 650; text-align: left; }
body.ea-modern.ea-mobile ul.f_dr li.cont,
body.ea-modern.ea-mobile ul.f_dr li.fin,
body.ea-modern.ea-mobile ul.f_dr div.mid { border: 0; background: transparent; color: #fff; }
body.ea-modern.ea-mobile ul.f_dr li.cont { display: flow-root; margin-top: 18px; }
body.ea-modern.ea-mobile ul.f_dr div.mid a { color: #fff; }
body.ea-modern.ea-mobile ul.f_dr li.sep { height: 1px; margin-block: 12px; padding: 0; background: rgb(255 255 255 / 20%); }
body.ea-modern.ea-mobile ul.f_dr img { max-width: 28px; max-height: 28px; object-fit: contain; }

/* Reflujo de la versión escritorio si se estrecha la ventana. */
@media (max-width: 1100px) {
  body.ea-modern.ea-desktop div.conte,
  body.ea-modern.ea-desktop div.conte1 { width: calc(100% - 32px); }
  body.ea-modern.ea-desktop .p_li { display: flex; flex-wrap: wrap; align-items: start; gap: 12px; float: none; width: 100%; margin: 0 0 22px; }
  body.ea-modern.ea-desktop .p_li > br { display: none; }
  body.ea-modern.ea-desktop .p_li > a { flex: 1 1 150px; max-width: 220px; }
  body.ea-modern.ea-desktop .p_li .sh_re { margin: 0; }
  body.ea-modern.ea-desktop .p_li .raz_5 { margin: 0; }
  body.ea-modern.ea-desktop .lft,
  body.ea-modern.ea-desktop .cat_pr_main { width: 100%; }
  body.ea-modern.ea-desktop .ea-home-lead { grid-template-columns: minmax(0, 1fr) 240px; gap: 18px; }
  body.ea-modern.ea-desktop #sp-w7 { grid-template-columns: minmax(0, 1fr) 190px; }
  body.ea-modern.ea-desktop .r_v { padding: 18px; }
  body.ea-modern.ea-desktop #sp-w7 ul.tp_n li span { font-size: 13px; }
  body.ea-modern.ea-desktop div.scr1 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.ea-modern.ea-desktop .mn_main li.op_m > a,
  body.ea-modern.ea-desktop .mn_main li.op_mh > a { font-size: 12px; padding-inline: 8px; }
}
@media (max-width: 920px) {
  body.ea-modern.ea-desktop .ea-home-lead { grid-template-columns: minmax(0, 1fr); }
  body.ea-modern.ea-desktop div.ea-product-layout { grid-template-columns: minmax(0, 1fr) 300px; gap: 20px; padding: 20px; }
}
@media (max-width: 760px) {
  body.ea-modern ul.cook { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  body.ea-modern ul.cook li.texto { grid-column: 1 / -1; }
  body.ea-modern .conte_c { padding: 18px; }
  body.ea-modern.ea-desktop .conte.h96 { min-height: 84px; gap: 12px; }
  body.ea-modern.ea-desktop .dch_sml { max-width: 34%; }
  body.ea-modern.ea-desktop .tp_hor { font-size: 9px; }
  body.ea-modern.ea-desktop .mn_sptp > .conte1 { font-size: 10px; gap: 5px; }
  body.ea-modern.ea-desktop .mn_main li.op_m,
  body.ea-modern.ea-desktop .mn_main li.op_mh { flex-basis: 30%; }
  body.ea-modern.ea-desktop #sp-w7 { grid-template-columns: minmax(0, 1fr) 180px; height: 300px; }
  body.ea-modern.ea-desktop #sp-w7 ul.tp_n { height: 300px; }
  body.ea-modern.ea-desktop #sp-w7 ul.tp_n li picture { flex-basis: 42px; }
  body.ea-modern.ea-desktop #sp-w7 ul.tp_n li img { width: 42px; height: 42px; }
  body.ea-modern.ea-desktop #sp-w7 .tp_pan,
  body.ea-modern.ea-desktop #sp-w7 .tp_pan img { height: 300px; }
  body.ea-modern.ea-desktop #sp-w7 .info h2 { font-size: 23px; }
  body.ea-modern.ea-desktop .r_v { float: none; width: 100%; min-height: 0; margin: 0 0 24px; }
  body.ea-modern.ea-desktop .cat_pr_main { grid-template-columns: minmax(0, 1fr); }
  body.ea-modern.ea-desktop .cat_pr_r { border-left: 0; border-top: 1px solid var(--ea-line); }
  body.ea-modern.ea-desktop .cat_pr_r .b_ver { max-width: 320px; }
  body.ea-modern.ea-desktop .car_pr_left { padding: 20px; }
  body.ea-modern.ea-desktop .car_pr_left h3 { font-size: 21px; }
  body.ea-modern.ea-desktop div.prd { padding: 20px; }
  body.ea-modern.ea-desktop div.ea-product-layout { grid-template-columns: minmax(0, 1fr); }
  body.ea-modern.ea-desktop ul.prd,
  body.ea-modern.ea-desktop ul.prd_a { float: none; width: 100%; }
  body.ea-modern.ea-desktop #sc10,
  body.ea-modern.ea-desktop #sc10.abs { position: static; float: none; width: 100%; margin: 22px 0; }
  body.ea-modern.ea-desktop ul.nota,
  body.ea-modern.ea-desktop ul.nota1 { float: none; width: 100%; margin: 20px 0; }
  body.ea-modern.ea-desktop .cont_m { display: block; }
  body.ea-modern.ea-desktop .m_med { display: flex; gap: 12px; }
  body.ea-modern.ea-desktop .m_med li { padding: 12px; font-size: 14px; }
  body.ea-modern.ea-desktop .m_cont { padding: 20px; margin-top: 16px; border-radius: 12px; }
  body.ea-modern.ea-desktop .m_inf { position: relative; top: auto; left: auto; width: 100%; height: auto; min-height: 0; border-radius: 0; }
  body.ea-modern.ea-desktop .mapa { height: auto; }
}
@media (max-width: 400px) {
  body.ea-modern.ea-mobile .uni_of_s,
  body.ea-modern.ea-mobile .uni_of { padding: 17px; }
  body.ea-modern.ea-mobile .uni_of_s .hd_sec1,
  body.ea-modern.ea-mobile .uni_of .hd_sec1 { width: calc(100% + 34px); margin-inline: -17px; }
  body.ea-modern.ea-mobile .uni_of_s .name { font-size: 20px; }
  body.ea-modern.ea-mobile .galery,
  body.ea-modern.ea-mobile .commi { font-size: 13px; padding-inline: 5px; }
}
@media (prefers-reduced-motion: reduce) {
  body.ea-modern,
  body.ea-modern * { scroll-behavior: auto; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
@media print {
  body.ea-modern { background: #fff; color: #000; padding: 0; }
  body.ea-modern .mn_main,
  body.ea-modern .mn_sptp,
  body.ea-modern .mmenu_c,
  body.ea-modern .mmenu_f,
  body.ea-modern #mnmn,
  body.ea-modern #mncs,
  body.ea-modern .cook,
  body.ea-modern .ea-skip-link,
  .ea-mobile-header { display: none !important; }
  body.ea-modern .conte,
  body.ea-modern .lft,
  body.ea-modern .cat_pr_main { width: 100% !important; box-shadow: none !important; }
  body.ea-modern #sc10 { position: static !important; }
  body.ea-modern .cat_pr_main,
  body.ea-modern .uni_of_s,
  body.ea-modern .prd { break-inside: avoid; }
}