/* ═══════════════════════════════════════════════════════════════════════════
   Ajustes al diseño original de Arcotechos (Isaac, 13/oct/2026). Solo corrige y anima; no rediseña.
   Azul de marca #2262a0 / #328ee7 · azul cielo (antes morado) #7cc4f0 / #a9d8f5 · amarillo intacto.
   ═══════════════════════════════════════════════════════════════════════════ */
:root { --ath-azul: #2262a0; --ath-azul2: #328ee7; --ath-cielo: #7cc4f0; --ath-cielo-cl: #eaf5fd; }

/* ── 1. Tarjetas con ícono (servicios, datos de contacto, «por qué escogernos», servicios de Inicio) ──
   El fondo de la sección NO cambia; solo la tarjeta bajo el cursor se eleva un poco y se ilumina su contorno en
   azul cielo; textos e íconos conservan su color (Isaac, 13/oct/2026).
   La «tarjeta» la marca ajustes.js con .ath-card: a veces es el widget y a veces su contenedor (Inicio). */
.ath-card { transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease; }
.elementor-widget-aux_text::after { content: none !important; }
.ath-card:hover {
	transform: translateY(-6px) !important;
	background-color: #fff !important;
	box-shadow: 0 0 0 2px #7cc4f0, 0 0 22px 2px rgba(124, 196, 240, .55), 0 20px 36px -22px rgba(34, 98, 160, .45) !important;
}

/* ── 2. Testimonios: más legibles y con la comilla en el degradado de la marca ─────────────── */
.elementor-widget-aux_testimonial { transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease; }
.elementor-widget-aux_testimonial .aux-widget-testimonial { border-top: 4px solid var(--ath-cielo); border-radius: 18px; }
.elementor-widget-aux_testimonial:hover { transform: translateY(-6px) !important; }
.elementor-widget-aux_testimonial:hover .aux-widget-testimonial { box-shadow: 0 0 0 2px #a9d8f5, 0 26px 46px -24px rgba(34, 98, 160, .5); }
.aux-widget-testimonial { transition: box-shadow .35s ease; }
.aux-widget-testimonial .aux-testimonial-content .entry-content { font-style: normal !important; font-size: 15.5px !important; line-height: 1.75 !important; color: #3d4a57 !important; }
.aux-widget-testimonial .col-title { font-weight: 600 !important; letter-spacing: .01em; }
.aux-widget-testimonial .col-subtitle::after { background: linear-gradient(135deg, var(--ath-cielo) 0%, var(--ath-azul2) 55%, var(--ath-azul) 100%) !important;
	box-shadow: 0 10px 24px -8px rgba(50, 142, 231, .7) !important; }

/* ── 3. Blog: los títulos ya no se salen de su caja ──────────────────────────────────────── */
.aux-grid-carousel-modern-layout .entry-main { height: auto !important; overflow: hidden; }
.aux-grid-carousel-modern-layout .entry-title { margin-right: 6% !important; }
.aux-grid-carousel-modern-layout .entry-title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
	font-size: clamp(17px, 1.45vw, 21px) !important; line-height: 1.38 !important; overflow-wrap: anywhere; }
.blog .aux-archive .type-post .entry-title a { font-size: clamp(18px, 1.6vw, 22px) !important; line-height: 1.38 !important; overflow-wrap: anywhere; }

/* ── 4. Íconos animados ──────────────────────────────────────────────────────────────────── */
@keyframes ath-flota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes ath-salta { 0% { transform: scale(1) rotate(0); } 30% { transform: scale(1.18) rotate(-8deg); } 60% { transform: scale(.95) rotate(5deg); } 100% { transform: scale(1) rotate(0); } }
@keyframes ath-aparece { 0% { opacity: 0; transform: scale(.4) translateY(14px); } 70% { opacity: 1; transform: scale(1.1); } 100% { opacity: 1; transform: scale(1); } }
@keyframes ath-gira { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes ath-pulso { 0% { box-shadow: 0 0 0 0 rgba(124, 196, 240, .55); } 70% { box-shadow: 0 0 0 16px rgba(124, 196, 240, 0); } 100% { box-shadow: 0 0 0 0 rgba(124, 196, 240, 0); } }

/* Íconos de las tarjetas: aparecen con rebote, luego flotan suave; al pasar el cursor, saltan. */
.ath-js .aux-ico-box:not(.aux-img-box) { opacity: 0; }
.ath-js .aux-ico-box.ath-visto:not(.aux-img-box) { opacity: 1; animation: ath-aparece .7s cubic-bezier(.34, 1.56, .64, 1) both; }
.aux-ico-box:not(.aux-img-box) .aux-ico { display: inline-block; animation: ath-flota 3.6s ease-in-out infinite; }
/* Los íconos-imagen de «Nuestros Servicios» (Inicio) van quietos: animados parpadeaban (Isaac, 13/oct). */
.aux-img-box, .aux-img-box img { animation: none !important; opacity: 1 !important; }
.elementor-widget-aux_text:nth-child(2n) .aux-ico-box .aux-ico { animation-delay: -1.2s; }
.elementor-widget-aux_text:nth-child(3n) .aux-ico-box .aux-ico { animation-delay: -2.4s; }
.ath-card:hover .aux-ico-box:not(.aux-img-box) .aux-ico { animation: ath-salta .6s ease both; }

/* Íconos de lista (datos de contacto del pie y de Contacto) */
.aux-icon-list-item:hover .aux-icon-list-icon, .aux-icon-list-link:hover .aux-icon-list-icon { animation: ath-salta .6s ease both; }

/* Comilla de los testimonios: pulso azul cielo */
.aux-widget-testimonial .col-subtitle::after { animation: ath-pulso 2.8s ease-out infinite; }

/* Figuras decorativas (triángulos, rombos y círculos de la plantilla): giro y flotación lentos */
.aux-simple-svg-container svg, .aux-simple-svg-container img { animation: ath-gira 22s linear infinite; transform-origin: center; }
.elementor-widget-aux_simple_svg:nth-child(2n) .aux-simple-svg-container svg { animation: ath-flota 5s ease-in-out infinite; }

/* Redes sociales del pie: además del «colgado» de Elementor, un brillo al pasar */
.elementor-social-icon { transition: background-color .3s ease, box-shadow .3s ease; }
.elementor-social-icon:hover { background-color: var(--ath-azul2) !important; box-shadow: 0 10px 22px -8px rgba(50, 142, 231, .8); }

@media (prefers-reduced-motion: reduce) {
	.ath-js .aux-ico-box { opacity: 1; }
	.aux-ico-box .aux-ico, .aux-ico-box img, .aux-simple-svg-container svg, .aux-simple-svg-container img,
	.aux-widget-testimonial .col-subtitle::after, .ath-js .aux-ico-box.ath-visto { animation: none !important; }
	.ath-card, .elementor-widget-aux_testimonial { transition: none; }
	.ath-card:hover, .elementor-widget-aux_testimonial:hover { transform: none !important; }
}

/* ── 5. Todas las tarjetas del mismo tamaño (Isaac, 13/oct): ajustes.js iguala la altura de las .ath-card de cada
   sección a la más alta. Los testimonios, con altura mínima común. */
.elementor-widget-aux_testimonial .aux-widget-testimonial { min-height: 300px; display: flex; flex-direction: column; justify-content: center; }

/* ── 6. Formularios: el texto de la izquierda se queda fijo mientras se llena el formulario ───
   Phlox pone overflow-x:hidden en #inner-body, y eso anula cualquier sticky (lo vuelve contenedor de scroll).
   clip corta igual lo que sobresale sin crear contenedor de scroll. */
#inner-body { overflow-x: clip !important; overflow-y: visible !important; }
@media (min-width: 1025px) {
	.elementor-section:has(.ath-form) > .elementor-container > .elementor-column:not(:has(.ath-form)) > .elementor-widget-wrap {
		position: sticky; top: 140px; align-self: flex-start; height: auto;
	}
	.admin-bar .elementor-section:has(.ath-form) > .elementor-container > .elementor-column:not(:has(.ath-form)) > .elementor-widget-wrap { top: 172px; }
}

/* ── 7. Cabecera a media pantalla: logo proporcionado y nada amontonado ──────────────────── */
@media (max-width: 1180px) {
	.elementor-widget-aux_logo img, .elementor-widget-aux_logo .aux-logo-anchor img { max-width: 170px !important; height: auto !important; }
}
@media (min-width: 768px) and (max-width: 1180px) {
	.elementor-location-header .elementor-container, [data-elementor-type="header"] .elementor-container { flex-wrap: nowrap; align-items: center; }
	[data-elementor-type="header"] .elementor-widget-aux_search_box { display: none; }
}


/* ── 8. Cabecera en modo hamburguesa (≤1180 px): menú izquierda · logo centro · lupa derecha ─────────
   La lupa (ajustes.js) abre la barra de búsqueda en la cabecera, con contorno azul cielo; el logo se recorre a la
   izquierda para darle espacio. En pantalla completa sigue la cabecera original con su buscador. */
.ath-cab-busca { display: none; }
@media (max-width: 1180px) {
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container { display: flex; flex-wrap: nowrap !important; align-items: center; gap: 10px; }
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column { width: auto !important; min-width: 0; }
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column:has(.elementor-widget-aux_menu_box) { order: 1; flex: 0 0 64px; }
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column:has(.elementor-widget-aux_logo) {
		order: 2; flex: 1 1 0; transition: flex-grow .45s cubic-bezier(.2, .8, .2, 1); }
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column:has(.elementor-widget-aux_logo) > .elementor-widget-wrap { justify-content: center; }
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column:has(.elementor-widget-aux_search_box) { display: none !important; }
	.elementor-widget-aux_menu_box { width: auto !important; }
	.elementor-widget-aux_menu_box .aux-elementor-header-menu { display: flex; justify-content: flex-start; width: auto; }
	.elementor-widget-aux_menu_box .aux-burger-box { margin: 0; }
	.elementor-widget-aux_logo { width: auto !important; }
	.elementor-widget-aux_logo img { max-width: 150px !important; height: auto !important; }

	.ath-cab-busca { order: 3; display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex: 0 1 64px; min-width: 64px;
		transition: flex-grow .45s cubic-bezier(.2, .8, .2, 1); }
	.ath-cab-form { flex: 1 1 auto; max-width: 0; opacity: 0; overflow: hidden; margin: 0;
		transition: max-width .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; }
	.ath-cab-form input[type="search"] { width: 100%; box-sizing: border-box; font: inherit; font-family: "Poppins", sans-serif; font-size: 15px; color: #1f2a37;
		background: #fff; border: 2px solid #7cc4f0; border-radius: 999px; padding: 10px 18px; min-height: 44px; -webkit-appearance: none; appearance: none;
		box-shadow: 0 0 0 4px rgba(124, 196, 240, .25), 0 0 18px rgba(124, 196, 240, .45); }
	.ath-cab-form input[type="search"]:focus { outline: none; border-color: #5aaee8; }
	.ath-cab-form input[type="search"]::placeholder { color: #8d99a6; }

	.ath-buscando .elementor-container > .elementor-column:has(.elementor-widget-aux_logo) { flex-grow: 0; }
	.ath-buscando .ath-cab-busca { flex-grow: 1; }
	.ath-buscando .ath-cab-form { flex: 1 1 0; width: 100%; max-width: 520px; opacity: 1; }

	.ath-lupa { flex: 0 0 auto; position: relative; width: 44px; height: 44px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
		background: transparent; color: #1f2a37; display: grid; place-items: center; transition: background .25s, color .25s, box-shadow .25s; }
	.ath-lupa:hover, .ath-lupa:focus-visible { background: #eaf5fd; color: #2262a0; outline: none; }
	.ath-buscando .ath-lupa { background: linear-gradient(135deg, #328ee7, #2262a0); color: #fff; box-shadow: 0 8px 18px -8px rgba(50, 142, 231, .8); }
	.ath-lupa svg { position: absolute; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round;
		transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), opacity .25s ease; }
	.ath-lupa__x { opacity: 0; transform: rotate(-90deg) scale(.4); }
	.ath-buscando .ath-lupa__ico { opacity: 0; transform: rotate(90deg) scale(.4); }
	.ath-buscando .ath-lupa__x { opacity: 1; transform: rotate(0) scale(1); }
	.ath-lupa--pulso { animation: ath-lupa-pulso .5s ease; }
	@keyframes ath-lupa-pulso { 0% { transform: scale(1); } 40% { transform: scale(.82); } 100% { transform: scale(1); } }
}
@media (max-width: 767px) {
	.elementor-widget-aux_logo img { max-width: 120px !important; }
	.ath-buscando .elementor-widget-aux_logo img { max-width: 96px !important; }
}
/* Celulares angostos: no cabe logo + barra; al buscar, el logo se desvanece y la barra toma su lugar. */
@media (max-width: 560px) {
	.elementor-inner-section:has(.elementor-widget-aux_logo) > .elementor-container > .elementor-column:has(.elementor-widget-aux_logo) {
		transition: flex-grow .45s cubic-bezier(.2, .8, .2, 1), max-width .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease; max-width: 100%; }
	.ath-buscando .elementor-container > .elementor-column:has(.elementor-widget-aux_logo) { flex: 0 0 0 !important; max-width: 0; opacity: 0; overflow: hidden; padding: 0 !important; }
	.ath-buscando .ath-cab-busca { flex: 1 1 0; }
	.ath-buscando .ath-cab-form { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
	.ath-cab-busca, .ath-cab-form, .ath-lupa svg, .elementor-inner-section .elementor-column { transition: none !important; }
	.ath-lupa--pulso { animation: none; }
}

/* ── 9. Página de resultados de búsqueda ─────────────────────────────────────────────────── */
main.search-result .aux-search-from { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin: 6px 0 22px; }
main.search-result .aux-search-from span, main.search-result .aux-search-from a { font-family: "Poppins", sans-serif !important; text-transform: none !important; }
main.search-result .aux-search-from > span:first-child { font-size: 22px !important; font-weight: 600 !important; color: #2262a0 !important; }
main.search-result .aux-show-all-results a { font-size: 14px !important; color: #328ee7 !important; text-decoration: none !important; font-weight: 500 !important; }
main.search-result .aux-show-all-results a:hover { text-decoration: underline !important; }
.search-result article.type-portfolio .aux-media-frame img { border-radius: 14px; }
.ath-res-titulo { font-family: "Poppins", sans-serif; font-size: 16px; line-height: 1.35; margin: 12px 4px 18px; font-weight: 500; }
.ath-res-titulo a { color: #1f2a37; text-decoration: none; }
.ath-res-titulo a:hover { color: #2262a0; }

/* ── 10. Efecto imán en los botones (ajustes.js pone --ath-iman) ─────────────────────────── */
.ath-iman { transform: var(--ath-iman, translate(0, 0)); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1); will-change: transform; }
.ath-iman.ath-iman--activo { transition: transform .35s cubic-bezier(.2, .8, .2, 1); }
.ath-buscando .ath-lupa.ath-iman { transform: var(--ath-iman, translate(0, 0)); }

/* ── 11. Testimonios en iPad: zigzag derecha · izquierda · derecha (Isaac, 14/oct) ───────────
   Elementor apilaba a Carlos y a Laura a la izquierda y dejaba un hueco blanco a la derecha. */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-element-9c53b20 { margin-left: 0 !important; margin-right: auto !important; align-self: flex-start; }
	.elementor-element-13355b9 { margin-left: auto !important; margin-right: 0 !important; margin-top: 160px !important; align-self: flex-start; }
}

/* ── 12. Carrusel de proyectos que cabe completo: fijo desde la izquierda, sin flechas (ajustes.js) ─── */
.ath-carrusel-fijo .aux-mc-container { transform: none !important; }
.ath-carrusel-fijo .aux-carousel-controls, .ath-carrusel-fijo .aux-next-arrow, .ath-carrusel-fijo .aux-prev-arrow { display: none !important; }

/* ── 13. «Nuestro Trabajo» (Inicio): tarjetas de proyecto (Isaac, 14/oct: «se ven algo mal») ───────────
   Con pocos proyectos (.ath-carrusel-fijo) se reparten la fila completa en lugar de dejar huecos. */
.ath-carrusel-fijo .aux-portfolio-carousel { height: auto !important; }
.ath-carrusel-fijo .aux-mc-view { overflow: visible !important; }
.ath-carrusel-fijo .aux-mc-container { display: flex !important; gap: 30px; padding: 6px 0 14px; }
.ath-carrusel-fijo .aux-mc-item { position: relative !important; left: auto !important; top: auto !important; width: auto !important;
	height: auto !important; flex: 1 1 0; min-width: 0; max-width: 680px; }

.aux-portfolio-carousel .aux-mc-item article { background: #fff; border-radius: 16px; overflow: hidden; height: 100%;
	box-shadow: 0 3px 45px rgba(0, 0, 0, .12); transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease; }
.aux-portfolio-carousel .aux-mc-item article:hover { transform: translateY(-6px);
	box-shadow: 0 0 0 2px #7cc4f0, 0 0 22px 2px rgba(124, 196, 240, .5), 0 22px 40px -22px rgba(34, 98, 160, .45); }
.aux-portfolio-carousel .entry-media { margin: 0 !important; }
.aux-portfolio-carousel .aux-media-frame { aspect-ratio: 16 / 10; overflow: hidden; border-radius: 0 !important; }
.aux-portfolio-carousel .aux-media-frame img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .7s cubic-bezier(.2, .8, .2, 1); }
.aux-portfolio-carousel .aux-mc-item article:hover .aux-media-frame img { transform: scale(1.06); }
.aux-portfolio-carousel .entry-main { padding: 22px 26px 26px !important; }
.aux-portfolio-carousel .entry-title { margin: 0 0 12px !important; position: relative; padding-left: 42px; }
.aux-portfolio-carousel .entry-title::before { content: ""; position: absolute; left: 0; top: .72em; width: 30px; height: 6px; border-radius: 8px;
	background: linear-gradient(277deg, #328ee7 4%, #2262a0 84%); }
.aux-portfolio-carousel .entry-title a { font-family: "Poppins", sans-serif !important; font-size: clamp(17px, 1.5vw, 21px) !important;
	line-height: 1.35 !important; font-weight: 500 !important; color: #1d4f86 !important; text-decoration: none; transition: color .25s; }
.aux-portfolio-carousel .aux-mc-item article:hover .entry-title a { color: #328ee7 !important; }
.aux-portfolio-carousel .entry-info { margin: 0; }
.aux-portfolio-carousel .entry-tax { display: flex; flex-wrap: wrap; gap: 8px; }
.aux-portfolio-carousel .entry-tax a { font-family: "Poppins", sans-serif !important; font-style: normal !important; font-size: 12.5px !important;
	line-height: 1 !important; color: #2262a0 !important; background: #eaf5fd; border-radius: 999px; padding: 7px 12px; text-decoration: none; }
.aux-portfolio-carousel .entry-tax a::before, .aux-portfolio-carousel .entry-tax a::after { content: none !important; display: none !important; }
.aux-portfolio-carousel .entry-tax a:hover { background: #d4ebfb; }
@media (max-width: 767px) {
	.ath-carrusel-fijo .aux-mc-container { flex-direction: column; }
	.ath-carrusel-fijo .aux-mc-item { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
	.aux-portfolio-carousel .aux-mc-item article, .aux-portfolio-carousel .aux-media-frame img { transition: none; }
	.aux-portfolio-carousel .aux-mc-item article:hover, .aux-portfolio-carousel .aux-mc-item article:hover .aux-media-frame img { transform: none; }
}

/* ── 14. Nosotros: galería «En obra» pareja (fotos de distintas proporciones) ─────────────── */
.page-id-108 .elementor-widget-image-gallery .gallery-item { padding: 0 !important; }
.page-id-108 .elementor-widget-image-gallery .gallery-item img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 15px;
	box-shadow: 0 3px 30px rgba(0, 0, 0, .12); transition: transform .5s cubic-bezier(.2, .8, .2, 1), box-shadow .35s; }
.page-id-108 .elementor-widget-image-gallery .gallery-item:hover img { transform: translateY(-4px) scale(1.02);
	box-shadow: 0 0 0 2px #7cc4f0, 0 18px 34px -18px rgba(34, 98, 160, .5); }
.page-id-108 .elementor-widget-image-gallery + .elementor-widget-aux_button { margin-top: 26px; }

/* ── 15. Escritorio: hero con más presencia y cabecera más compacta (Isaac, 14/oct) ───────────────── */
@media (min-width: 1025px) {
	[data-elementor-type="header"] .elementor-widget-aux_logo img { max-width: 190px !important; height: auto !important; }
	.elementor-element-468b562 .aux-modern-heading-primary { font-size: clamp(18px, 1.55vw, 26px) !important; line-height: 1.4 !important; }
	.elementor-element-468b562 .aux-modern-heading-secondary { font-size: clamp(64px, 5.6vw, 100px) !important; line-height: 1.08 !important; }
	.elementor-element-468b562 .aux-modern-heading-description { font-size: clamp(17px, 1.35vw, 22px) !important; line-height: 1.6 !important; max-width: 640px; }
	.elementor-element-ac2c438 .aux-button { font-size: 17px !important; padding: 18px 46px !important; }
}

/* ── 16. Menú desplegable: botón de cerrar grande y centrado arriba de «Inicio» (Isaac, 14/oct) ──────── */
.aux-offcanvas-menu .aux-panel-close { position: relative !important; display: flex !important; justify-content: center; align-items: center;
	height: auto !important; padding: 22px 0 8px; width: 100%; }
.aux-offcanvas-menu .aux-panel-close .aux-close { position: relative !important; top: auto !important; right: auto !important; left: auto !important;
	width: 52px !important; height: 52px !important; border-radius: 50%; background: #eaf5fd; cursor: pointer; margin: 0 !important;
	box-shadow: 0 6px 16px -8px rgba(34, 98, 160, .45); transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), background .25s; }
.aux-offcanvas-menu .aux-panel-close .aux-close::before, .aux-offcanvas-menu .aux-panel-close .aux-close::after {
	content: "" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 24px !important; height: 3px !important;
	margin: -1.5px 0 0 -12px !important; background: #2262a0 !important; border-radius: 3px; border: 0 !important; }
.aux-offcanvas-menu .aux-panel-close .aux-close::before { transform: rotate(45deg) !important; }
.aux-offcanvas-menu .aux-panel-close .aux-close::after { transform: rotate(-45deg) !important; }
.aux-offcanvas-menu .aux-panel-close .aux-close:hover { transform: rotate(90deg); background: linear-gradient(135deg, #328ee7, #2262a0); }
.aux-offcanvas-menu .aux-panel-close .aux-close:hover::before, .aux-offcanvas-menu .aux-panel-close .aux-close:hover::after { background: #fff !important; }
@media (prefers-reduced-motion: reduce) { .aux-offcanvas-menu .aux-panel-close .aux-close { transition: none; } }