/* CampoMar · página de opciones (22-10). Va sobre campomar.css (variables, .titulo, .chips, .chip). */
.op-cab { position: sticky; top: 0; z-index: 60; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px var(--borde); background: var(--tinta); color: #fff; font-size: .82rem; }
.op-cab nav { display: flex; gap: 18px; }
.op-rotulo { display: flex; align-items: center; gap: 14px; padding: 16px var(--borde); background: #DDE6D8; font: 500 .82rem/1.35 var(--texto); border-block: 1px solid var(--linea); }
.op-rotulo span { flex: none; padding: 6px 10px; border-radius: 999px; background: var(--verde-hondo); color: #fff; font: 500 .68rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.op-fin { padding: 80px var(--borde); text-align: center; font: 300 1.9rem/1.3 var(--display); }

/* Piezas comunes */
.ob-sello { font: 500 .72rem/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .78); }
.ob-sello--oscuro { color: var(--tinta-2); }
.ob-cabeza { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; max-width: var(--max); margin: 0 auto clamp(30px, 4vw, 54px); padding: 0 var(--borde); }
.ob-cabeza--centro { justify-content: center; text-align: center; }
.ob-enlace { display: inline-flex; align-items: center; gap: 10px; font: 500 .95rem/1 var(--texto); border-bottom: 1.5px solid currentColor; padding-bottom: 6px; }
.ob-enlace svg, .ob-busca__ir svg, .pb__flecha svg, .pa__precio svg, .pc__pasar svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.ob-busca { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: center; gap: 4px; padding: 6px; border-radius: 999px; background: var(--blanco); color: var(--tinta); box-shadow: 0 20px 50px -24px rgba(19, 33, 27, .45); }
.ob-busca label { display: grid; gap: 3px; padding: 6px 18px; border-right: 1px solid var(--linea); cursor: pointer; }
.ob-busca label span { font: 500 .62rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--tinta-2); }
.ob-busca label b { font: 500 .98rem/1.2 var(--texto); }
.ob-busca label:nth-child(3) { border-right: 0; }
.ob-busca__ir { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 22px; border-radius: 999px; background: var(--verde); color: #fff; font: 500 .95rem/1 var(--texto); white-space: nowrap; transition: background .4s; }
.ob-busca__ir:hover { background: var(--verde-hondo); }
@media (max-width: 720px) {
  .ob-busca { grid-template-columns: 1fr 1fr 1fr; border-radius: 26px; }
  .ob-busca label { padding: 8px 10px; }
  .ob-busca label b { font-size: .86rem; }
  .ob-busca__ir { grid-column: 1 / -1; justify-content: center; }
}

/* ================= PORTADA A · pantalla partida ================= */
.ha { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); height: max(640px, 100svh); max-height: 1000px; }
.ha__verde { position: relative; display: grid; grid-template-rows: auto 1fr auto; padding: clamp(24px, 3vw, 44px) clamp(24px, 4vw, 64px); background: var(--verde-hondo); color: #fff; overflow: hidden; }
.ha__verde::after { content: ""; position: absolute; right: -30%; bottom: -40%; width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(95, 175, 84, .45), transparent 65%); pointer-events: none; }
.ha__logo { width: 190px; height: auto; position: relative; z-index: 1; }
.ha__texto { position: relative; z-index: 1; display: grid; align-content: center; gap: 22px; }
.ha__titulo { font: 300 clamp(2.6rem, 1.2rem + 3.6vw, 5.2rem)/.98 var(--display); letter-spacing: -.04em; }
.ha__titulo em { font-weight: 500; color: #B9E3AE; }
.ha__lead { max-width: 28em; color: rgba(255, 255, 255, .82); }
.ha .ob-busca { grid-template-columns: 1fr 1fr 1fr; border-radius: 26px; }
.ha .ob-busca__ir { grid-column: 1 / -1; justify-content: center; }
.ha__pie { position: relative; z-index: 1; display: flex; gap: 22px; font: 400 .78rem/1 var(--mono); color: rgba(255, 255, 255, .7); }
.ha__fotos { position: relative; overflow: hidden; background: var(--tinta); }
.ha__foto { position: absolute; inset: 0; clip-path: inset(0 0 100% 0); transition: clip-path 1.6s cubic-bezier(.7, 0, .2, 1); }
.ha__foto.activa { clip-path: inset(0 0 0 0); z-index: 2; }
.ha__foto.sale { clip-path: inset(0 0 0 0); z-index: 1; }
.ha__foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); transition: transform 7s ease-out; }
.ha__foto.activa img { transform: scale(1); }
.ha__foto figcaption { position: absolute; left: 20px; bottom: 20px; padding: 10px 16px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-size: .9rem; }
.ha__cuenta { position: absolute; right: 20px; bottom: 26px; z-index: 3; padding: 9px 14px; border-radius: 999px; background: rgba(255, 255, 255, .92); font: 400 .78rem/1 var(--mono); }
@media (max-width: 900px) {
  .ha { grid-template-columns: 1fr; height: auto; max-height: none; }
  .ha__fotos { order: -1; height: 46vh; }
  .ha__verde { gap: 26px; }
}

/* ================= PORTADA B · la palabra con la casa dentro ================= */
.hb { display: grid; gap: clamp(14px, 2vw, 24px); min-height: max(620px, 100svh); max-height: 1000px; padding: clamp(20px, 3vw, 40px) var(--borde); background: var(--papel); align-content: space-between; overflow: hidden; }
.hb__arriba { display: flex; justify-content: space-between; align-items: center; }
.hb__logo { width: 180px; height: auto; }
.hb__titulo { max-width: 15em; font: 300 clamp(1.8rem, 1rem + 2.4vw, 3.4rem)/1.05 var(--display); letter-spacing: -.035em; }
.hb__titulo em { font-weight: 500; color: var(--verde); }
.hb__palabra {
  margin: 0 -.04em; font: 700 clamp(5rem, 1rem + 19vw, 22rem)/.82 var(--display); letter-spacing: -.06em; text-align: center;
  background: var(--foto) center 60% / cover no-repeat; -webkit-background-clip: text; background-clip: text; color: transparent;
  animation: panea 26s ease-in-out infinite alternate;
}
@keyframes panea { from { background-position: 0% 55%; background-size: 115%; } to { background-position: 100% 65%; background-size: 135%; } }
.hb__abajo { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 24px; align-items: center; }
.hb__lead { color: var(--tinta-2); }
@media (max-width: 760px) { .hb__abajo { grid-template-columns: 1fr; } .hb__palabra { font-size: 22vw; } }

/* ================= PORTADA C · collage que flota ================= */
.hc { position: relative; min-height: max(680px, 100svh); max-height: 1000px; overflow: hidden; background: radial-gradient(70% 60% at 50% 50%, #fff, var(--papel)); }
.hc__logo { position: absolute; left: 50%; top: 26px; width: 170px; height: auto; transform: translateX(-50%); z-index: 3; }
.hc__foto { position: absolute; margin: 0; aspect-ratio: 4 / 5; border-radius: 26px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(19, 33, 27, .45); transform: rotate(var(--g)); }
.hc__foto:nth-of-type(2n) { aspect-ratio: 5 / 4; }
.hc__foto img { width: 100%; height: 100%; object-fit: cover; }
.hc__centro { position: absolute; left: 50%; top: 50%; z-index: 2; display: grid; justify-items: center; gap: 22px; width: min(760px, 92vw); transform: translate(-50%, -50%); text-align: center; }
.hc__titulo { font: 300 clamp(2.6rem, 1.2rem + 3.8vw, 5.6rem)/.98 var(--display); letter-spacing: -.045em; }
.hc__titulo em { display: block; font-weight: 500; background: linear-gradient(100deg, var(--verde), var(--azul)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hc .ob-busca { width: 100%; }
@media (max-width: 760px) {
  .hc__foto { width: 30vw !important; opacity: .55; }
  .hc__centro { top: 54%; }
}

/* ================= CASAS A · revista ================= */
.pa { padding: clamp(80px, 9vw, 130px) 0; }
.pa__fila { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(24px, 4vw, 70px); align-items: center; max-width: var(--max); margin: 0 auto clamp(60px, 7vw, 110px); padding: 0 var(--borde); }
.pa__fila--der { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
.pa__fila--der .pa__foto { order: 2; }
.pa__foto { aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--r); clip-path: inset(12% 12% 12% 12% round 30px); transition: clip-path 1.6s var(--sube); }
.pa__fila.ok .pa__foto { clip-path: inset(0 0 0 0 round 30px); }
.pa__foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.18); transition: transform 2.2s var(--sube); }
.pa__fila.ok .pa__foto img { transform: scale(1); }
.pa__fila:hover .pa__foto img { transform: scale(1.04); }
.pa__texto { display: grid; gap: 12px; }
.pa__n { font: 300 clamp(4rem, 2rem + 4vw, 7rem)/.8 var(--display); color: var(--verde-claro); letter-spacing: -.05em; }
.pa__zona { font: 500 .74rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--tinta-2); }
.pa__nombre { font: 300 clamp(2.2rem, 1.4rem + 2vw, 3.6rem)/1 var(--display); letter-spacing: -.04em; }
.pa__datos { color: var(--tinta-2); }
.pa__precio { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding-top: 16px; border-top: 1px solid var(--linea); font: 400 1.7rem/1 var(--display); }
.pa__precio span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--verde); color: #fff; transition: transform .6s var(--muelle); }
.pa__fila:hover .pa__precio span { transform: translateX(6px); }
@media (max-width: 860px) { .pa__fila, .pa__fila--der { grid-template-columns: 1fr; } .pa__fila--der .pa__foto { order: 0; } }

/* ================= CASAS B · carrusel central ================= */
.pb { padding: clamp(80px, 9vw, 130px) 0; overflow: hidden; background: var(--niebla); }
.pb__pista { position: relative; height: min(64vh, 560px); min-height: 420px; }
.pb__carta {
  --d: 0; position: absolute; left: 50%; top: 0; width: min(62vw, 820px); height: 100%; display: grid; grid-template-rows: 1fr auto; overflow: hidden;
  border-radius: calc(var(--r) + 6px); background: var(--blanco); box-shadow: 0 30px 70px -40px rgba(19, 33, 27, .5);
  transform: translateX(calc(-50% + var(--d) * 78%)) scale(calc(1 - min(1, max(var(--d), -1 * var(--d))) * .18));
  opacity: calc(1 - min(2, max(var(--d), -1 * var(--d))) * .45); z-index: calc(10 - max(var(--d), -1 * var(--d)));
  transition: transform 1s var(--sube), opacity 1s var(--sube); cursor: pointer;
}
.pb__carta figure { overflow: hidden; }
.pb__carta img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.6s var(--sube); }
.pb__carta.centro:hover img { transform: scale(1.04); }
.pb__info { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 24px; }
.pb__zona { font: 500 .7rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--tinta-2); }
.pb__info h3 { margin-top: 6px; font: 400 1.7rem/1 var(--display); letter-spacing: -.03em; }
.pb__datos { margin-top: 6px; font-size: .88rem; color: var(--tinta-2); }
.pb__precio { padding: 10px 16px; border-radius: 999px; background: var(--tinta); color: #fff; font: 500 .9rem/1 var(--mono); white-space: nowrap; }
.pb__nav { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 28px; }
.pb__flecha { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--tinta); color: #fff; transition: background .4s, transform .6s var(--muelle); }
.pb__flecha:hover { background: var(--verde); transform: scale(1.06); }
.pb__flecha--ant svg { transform: rotate(180deg); }
.pb__cuenta { font: 400 .9rem/1 var(--mono); color: var(--tinta-2); }
.pb__cuenta b { color: var(--tinta); }
@media (max-width: 760px) { .pb__carta { width: 82vw; transform: translateX(calc(-50% + var(--d) * 92%)) scale(calc(1 - min(1, max(var(--d), -1 * var(--d))) * .1)); } .pb__info { flex-direction: column; align-items: start; } }

/* ================= CASAS C · tarjetas con galería ================= */
.pc { padding: clamp(80px, 9vw, 130px) 0; }
.pc__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); max-width: var(--max); margin: 0 auto; padding: 0 var(--borde); }
.pc__t { display: grid; gap: 14px; animation: pc-entra .8s var(--sube) both; }
.pc__t.fuera { display: none; }
@keyframes pc-entra { from { opacity: 0; transform: translateY(18px); } }
.pc__galeria { position: relative; aspect-ratio: 4 / 3.2; overflow: hidden; border-radius: var(--r); background: var(--niebla); }
.pc__galeria img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .7s var(--sube), transform 1.6s var(--sube); }
.pc__galeria img.activa { opacity: 1; }
.pc__t:hover .pc__galeria img { transform: scale(1.04); }
.pc__zona { position: absolute; left: 14px; top: 14px; padding: 7px 12px; border-radius: 999px; background: rgba(255, 255, 255, .92); font: 500 .74rem/1 var(--texto); }
.pc__puntos { position: absolute; left: 50%; bottom: 14px; display: flex; gap: 6px; transform: translateX(-50%); }
.pc__puntos i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .55); transition: background .4s, width .4s; }
.pc__puntos i.activa { width: 20px; border-radius: 999px; background: #fff; }
.pc__pasar { position: absolute; right: 14px; bottom: 12px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .92); opacity: 0; transform: scale(.8); transition: opacity .4s, transform .5s var(--muelle); }
.pc__t:hover .pc__pasar, .pc__pasar:focus-visible { opacity: 1; transform: none; }
@media (hover: none) { .pc__pasar { opacity: 1; transform: none; } }
.pc__info { display: flex; justify-content: space-between; align-items: start; gap: 12px; padding: 0 4px; }
.pc__info h3 { font: 400 1.25rem/1.15 var(--display); letter-spacing: -.02em; }
.pc__info p { margin-top: 4px; font-size: .86rem; color: var(--tinta-2); }
.pc__precio { flex: none; margin-top: 0 !important; padding: 8px 12px; border-radius: 999px; background: var(--niebla); color: var(--tinta) !important; font: 500 .84rem/1 var(--mono) !important; }
@media (max-width: 960px) { .pc__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .pc__grid { grid-template-columns: 1fr; } }

/* ================= EQUIPO A · arcos en su verde ================= */
.ea { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(30px, 5vw, 80px); align-items: end; padding: clamp(70px, 8vw, 120px) var(--borde); background: var(--verde-hondo); color: #fff; }
.ea__texto { display: grid; gap: 22px; }
.ea__titulo { font: 300 clamp(2.6rem, 1.4rem + 3.4vw, 5rem)/1 var(--display); letter-spacing: -.04em; }
.ea__titulo em { font-weight: 500; color: #B9E3AE; }
.ea__cita p { font: 300 1.35rem/1.35 var(--display); color: rgba(255, 255, 255, .9); }
.ea__cita footer { margin-top: 14px; font: 500 .72rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: #B9E3AE; }
.ea__arcos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.6vw, 24px); align-items: end; }
.ea__p { margin: 0; display: grid; gap: 14px; }
.ea__p:nth-child(2) { margin-bottom: 40px; }
.ea__arco { aspect-ratio: 3 / 4.2; overflow: hidden; border-radius: 999px 999px 26px 26px; background: rgba(255, 255, 255, .08); clip-path: inset(100% 0 0 0 round 999px 999px 26px 26px); transition: clip-path 1.6s var(--sube); }
.ea__p.ok .ea__arco { clip-path: inset(0 0 0 0 round 999px 999px 26px 26px); }
.ea__p:nth-child(2) .ea__arco { transition-delay: .15s; }
.ea__p:nth-child(3) .ea__arco { transition-delay: .3s; }
.ea__arco img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s var(--sube); }
.ea__p:hover .ea__arco img { transform: scale(1.05); }
.ea__p figcaption { display: grid; gap: 4px; }
.ea__p b { font: 400 1.25rem/1.1 var(--display); }
.ea__p span { font-size: .86rem; color: rgba(255, 255, 255, .72); }
@media (max-width: 900px) { .ea { grid-template-columns: 1fr; } .ea__p:nth-child(2) { margin-bottom: 20px; } }

/* ================= EQUIPO B · retrato y pestañas ================= */
.eb { padding: clamp(80px, 9vw, 130px) var(--borde); }
.eb__cabeza { display: grid; gap: 16px; max-width: var(--max); margin: 0 auto clamp(30px, 4vw, 50px); }
.eb__caja { position: relative; display: grid; max-width: var(--max); margin: 0 auto; border-radius: calc(var(--r) + 10px); background: var(--cielo); overflow: hidden; }
.eb__p { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: 540px; opacity: 0; visibility: hidden; transition: opacity .8s var(--sube), visibility .8s; }
.eb__p.activa { opacity: 1; visibility: visible; }
.eb__foto { overflow: hidden; }
.eb__foto img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); transition: transform 1.6s var(--sube); }
.eb__p.activa .eb__foto img { transform: scale(1); }
.eb__texto { display: grid; align-content: center; gap: 16px; padding: clamp(28px, 4vw, 70px) clamp(28px, 4vw, 70px) 130px; }
.eb__cargo { font: 500 .74rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--azul); }
.eb__nombre { font: 300 clamp(2.6rem, 1.4rem + 3vw, 4.6rem)/.95 var(--display); letter-spacing: -.045em; }
.eb__bio { max-width: 30em; font: 300 1.25rem/1.45 var(--display); }
.eb__idiomas { display: flex; gap: 8px; }
.eb__idiomas li { padding: 7px 12px; border-radius: 999px; background: #fff; font: 400 .76rem/1 var(--mono); }
.eb__caras { position: absolute; right: clamp(28px, 4vw, 70px); bottom: 30px; display: flex; gap: 10px; z-index: 2; }
.eb__caras button { display: flex; align-items: center; gap: 10px; padding: 5px 16px 5px 5px; border-radius: 999px; background: rgba(255, 255, 255, .6); font: 500 .9rem/1 var(--texto); transition: background .4s; }
.eb__caras button[aria-selected="true"] { background: var(--tinta); color: #fff; }
.eb__caras img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
@media (max-width: 860px) {
  .eb__p { grid-template-columns: 1fr; }
  .eb__foto { aspect-ratio: 1; }
  .eb__texto { padding-bottom: 100px; }
  .eb__caras { left: 16px; right: 16px; justify-content: center; }
  .eb__caras span { display: none; }
  .eb__caras button { padding: 5px; }
}

/* ================= EQUIPO C · tarjetas que se giran ================= */
.ec { padding: clamp(80px, 9vw, 130px) var(--borde); background: var(--papel); }
.ec__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 28px); max-width: 1180px; margin: 0 auto; }
.ec__t { perspective: 1400px; aspect-ratio: 3 / 4; cursor: pointer; opacity: 0; transform: translateY(30px); transition: opacity 1s var(--sube), transform 1.2s var(--sube); }
.ec__t.ok { opacity: 1; transform: none; }
.ec__t:nth-child(2) { transition-delay: .12s; }
.ec__t:nth-child(3) { transition-delay: .24s; }
.ec__giro { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 1.1s var(--sube); }
@media (hover: hover) { .ec__t:hover .ec__giro { transform: rotateY(180deg); } }
.ec__t.girada .ec__giro, .ec__t:focus-visible .ec__giro { transform: rotateY(180deg); }
.ec__cara, .ec__dorso { position: absolute; inset: 0; border-radius: calc(var(--r) + 4px); overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.ec__cara img { width: 100%; height: 100%; object-fit: cover; }
.ec__pie { position: absolute; left: 12px; right: 12px; bottom: 12px; display: grid; gap: 2px; padding: 14px 16px; border-radius: 20px; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.ec__pie b { font: 400 1.2rem/1.1 var(--display); }
.ec__pie span { font-size: .84rem; color: var(--tinta-2); }
.ec__dorso { display: grid; align-content: center; gap: 14px; padding: clamp(22px, 2.6vw, 36px); background: var(--azul-hondo); color: #fff; transform: rotateY(180deg); }
.ec__t:nth-child(2) .ec__dorso { background: var(--verde-hondo); }
.ec__cargo { font: 500 .72rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: #B9E3AE; }
.ec__dorso h3 { font: 300 2rem/1 var(--display); letter-spacing: -.03em; }
.ec__bio { font: 300 1.05rem/1.45 var(--display); color: rgba(255, 255, 255, .9); }
.ec__dorso ul { display: flex; gap: 6px; }
.ec__dorso li { padding: 6px 11px; border-radius: 999px; background: rgba(255, 255, 255, .12); font: 400 .72rem/1 var(--mono); }
.ec__cita { max-width: 30em; margin: clamp(40px, 5vw, 70px) auto 0; text-align: center; }
.ec__cita p { font: 300 clamp(1.4rem, 1rem + 1.2vw, 2.2rem)/1.3 var(--display); letter-spacing: -.02em; }
.ec__cita footer { margin-top: 16px; font: 500 .72rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--verde-hondo); }
@media (max-width: 760px) { .ec__grid { grid-template-columns: 1fr; max-width: 420px; } }

@media (prefers-reduced-motion: reduce) {
  .hb__palabra { animation: none; }
  .pa__foto, .ea__arco { clip-path: none !important; }
  .ec__t { opacity: 1; transform: none; }
}