/*
Theme Name: Lugones Child
Template: hello-elementor
Version: 1.7.0
Author: Arcearte
Description: Tema hijo para Neumáticos Lugones. Complementa las clases globales de Elementor (nl-*) con lo que el editor no cubre: pseudoelementos, estados activos y el modo 24h.
*/

/* Archivo (variable: pesos 100–900, anchuras 62–125 %) alojada en el tema. Se llama «Archivo NL» para que
   Elementor no la pida también a Google en anchura normal. Titulares: anchura 125 % («Expanded»). */
@font-face {
	font-family: "Archivo NL"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
	src: url("assets/fonts/archivo-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Archivo NL"; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
	src: url("assets/fonts/archivo-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--nl-f: "Archivo NL", "Archivo", system-ui, sans-serif;
	--nl-c-rojo: #E20613;
	--nl-c-rojo-osc: #A3000D;
	--nl-c-negro: #0B0B0C;
	--nl-c-grafito: #16171A;
	--nl-c-grafito2: #22242A;
	--nl-c-linea: #2E3138;
	--nl-c-texto: #B8BBC2;
	--nl-c-verde: #2BD576;
}

html { scroll-behavior: smooth; }
body { background: var(--nl-c-negro); overflow-x: hidden; }
body, body :where(p, span, a, li, label, input, select, textarea, button, h1, h2, h3, h4, h5, h6, strong, b, em) { font-family: var(--nl-f) !important; }
.nl-h1, .nl-h2, .nl-h3, .nl-cifra-num, .nl-marca, .nl-tel-num, .nl-dato-valor, .nl-pie-titulo,
.nl-seccion .e-tab-base p strong, .nl-legal .page-header .entry-title, .nl-legal .page-content :is(h2, h3, h4),
.nl-cabecera .elementor-nav-menu--dropdown .elementor-item { font-stretch: 125%; }

/* ── Antetítulo con raya roja ── */
.nl-eyebrow { position: relative; }
.nl-eyebrow::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 36px; height: 2px;
	background: var(--nl-c-rojo); transform: translateY(-50%);
}

/* ── Palabra resaltada: <em> dentro de los titulares ── */
.nl-h1 em {
	font-style: normal; display: inline-block; background: var(--nl-c-rojo);
	padding: 0 .12em; transform: skewX(-8deg);
}
.nl-h2 em, .nl-h3 em { font-style: normal; color: var(--nl-c-rojo); }

/* ── Botón principal con esquina cortada ── */
.nl-btn { clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%); }

/* ── Hero: rejilla técnica y resplandor rojo ── */
.nl-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
	background:
		radial-gradient(60% 70% at 72% 50%, rgba(226, 6, 19, .22), transparent 70%),
		linear-gradient(transparent 0 calc(100% - 1px), rgba(255, 255, 255, .04) 0) 0 0 / 100% 64px,
		linear-gradient(90deg, transparent 0 calc(100% - 1px), rgba(255, 255, 255, .04) 0) 0 0 / 64px 100%;
}
.nl-escena canvas { display: block; width: 100% !important; height: 100% !important; opacity: 0; transition: opacity .8s ease; }
.nl-escena.nl-escena-lista canvas { opacity: 1; }
.nl-cifra-num span { color: var(--nl-c-rojo); }
@media (max-width: 767px) {
	.nl-hero::before { background: radial-gradient(80% 45% at 50% 28%, rgba(226, 6, 19, .25), transparent 70%); }
}

/* ── Selector ¿Qué conduces? (e-tabs) ── */
.nl-seccion .e-tab-base {
	text-align: left; position: relative; width: 100%; margin: 0;
	border: 0 !important; border-right: 1px solid var(--nl-c-linea) !important; border-radius: 0 !important;
	text-transform: none; letter-spacing: 0; outline-offset: -3px;
}
.nl-seccion .e-tab-base:last-child { border-right: 0 !important; }
.nl-seccion .e-tab-base:focus { outline: none; }
.nl-seccion .e-tab-base:focus-visible { outline: 2px solid #fff; }
.nl-seccion .e-tab-base p strong {
	display: block; margin-bottom: 6px; font: 800 20px/1.05 var(--nl-f);
	text-transform: uppercase; color: #fff;
}
.nl-seccion .e-tab-base[aria-selected="true"] { background-color: var(--nl-c-rojo) !important; }
.nl-seccion .e-tab-base[aria-selected="true"] p { color: rgba(255, 255, 255, .85) !important; }
@media (max-width: 767px) {
	.nl-seccion .e-tab-base:nth-child(2) { border-right: 0 !important; }
	.nl-seccion .e-tab-base:nth-child(-n+2) { border-bottom: 1px solid var(--nl-c-linea); }
	.nl-seccion .e-tab-base p strong { font-size: 16px; }
}
.nl-seccion [role="tabpanel"] { animation: nl-entra .45s ease both; }
@keyframes nl-entra { from { opacity: 0; transform: translateY(12px); } }

/* Listas de servicios con guion rojo, a dos columnas (el <ul> sale del <p> al parsear) */
.nl-texto ul, [role="tabpanel"] ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; }
.nl-texto li, [role="tabpanel"] li { color: #fff; font: 400 16px/1.5 var(--nl-f); display: flex; gap: 10px; align-items: baseline; }
.nl-texto li::before, [role="tabpanel"] li::before { content: ""; flex: none; width: 10px; height: 2px; background: var(--nl-c-rojo); transform: translateY(-4px); }
[role="tabpanel"] ul { margin: 28px 0 36px; }
@media (max-width: 767px) { .nl-texto ul, [role="tabpanel"] ul { grid-template-columns: 1fr; } }

/* Sello sobre las fotos de cada panel */
.nl-seccion [role="tabpanel"] em { font-style: normal; color: var(--nl-c-rojo); }

/* ── Barra de estado 24h ── */
.nl-punto {
	display: inline-block; width: 8px; height: 8px; margin-right: 10px; border-radius: 50%;
	background: var(--nl-c-verde); vertical-align: 1px; animation: nl-pulso 1.8s infinite;
}
.nl-estado-txt a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
html.nl-noche .nl-estado { background-color: var(--nl-c-rojo) !important; border-color: var(--nl-c-rojo) !important; }
html.nl-noche .nl-punto { background: #fff; }
@keyframes nl-pulso {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .55); }
	70% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@media (max-width: 767px) { .nl-estado-txt .nl-largo { display: none; } }

@media (prefers-reduced-motion: reduce) {
	.nl-punto, .nl-seccion [role="tabpanel"] { animation: none; }
}

/* ── Cabecera ── */
.nl-cabecera-barra { border-bottom: 1px solid transparent; }
html.nl-scroll .nl-cabecera-barra,
body:not(.home) .nl-cabecera-barra {
	background-color: rgba(11, 11, 12, .88);
	backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
	border-bottom-color: var(--nl-c-linea);
}
body:not(.home) { padding-top: 118px; }
.nl-tel-ico {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: center; background-size: 20px;
}
.nl-cabecera .elementor-nav-menu--main .elementor-item {
	font: 600 13px/1 var(--nl-f); letter-spacing: .06em; text-transform: uppercase;
	color: #fff; padding: 10px 16px;
}
.nl-cabecera .elementor-nav-menu--main .elementor-item:hover,
.nl-cabecera .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #fff; }
.nl-cabecera .elementor-nav-menu--main .elementor-item::after { background-color: var(--nl-c-rojo) !important; height: 2px; }
.nl-cabecera .elementor-nav-menu--main ul { justify-content: center; }
.nl-cabecera .elementor-menu-toggle { background: transparent; color: #fff; font-size: 26px; }
.nl-cabecera .elementor-menu-toggle svg { fill: #fff; }
.nl-cabecera .elementor-nav-menu--dropdown { background: var(--nl-c-negro); border-top: 1px solid var(--nl-c-linea); }
.nl-cabecera .elementor-nav-menu--dropdown .elementor-item {
	font: 800 22px/1 var(--nl-f); text-transform: uppercase; color: #fff; padding: 18px var(--nl-gutter, 16px);
	border-bottom: 1px solid var(--nl-c-linea);
}
.nl-cabecera .elementor-nav-menu--dropdown .elementor-item:hover,
.nl-cabecera .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { background: var(--nl-c-rojo); color: #fff; }
.nl-cabecera .nl-tel24:hover .nl-tel-ico { background-color: var(--nl-c-rojo-osc); }

/* ── Pie ── */
.nl-pie a { color: #fff; text-decoration: none; transition: color .2s; }
.nl-pie a:hover { color: var(--nl-c-rojo); }
.nl-pie p a { color: inherit; }
.nl-pie-texto a:hover { color: #fff; }
/* Enlaces de ancla del menú: sin subrayado permanente (solo al pasar el ratón) */
.nl-cabecera .elementor-nav-menu--main .elementor-item-anchor.elementor-item-active:not(:hover)::after { opacity: 0 !important; }

/* Móvil: logo sin encoger, hamburguesa a la derecha y pestañas con texto en varias líneas */
.nl-cabecera-barra > a:first-child, .nl-cabecera-barra .e-svg-base { flex-shrink: 0; }
.nl-seccion .e-tab-base, .nl-seccion .e-tab-base p { white-space: normal; }
@media (max-width: 1024px) {
	.nl-cabecera .elementor-widget-nav-menu { flex-grow: 1; }
	.nl-cabecera .elementor-menu-toggle { margin-left: auto; margin-right: 0; }
}
@media (max-width: 767px) {
	.nl-seccion .e-tab-base { padding: 20px !important; }
}

/* ── Contacto ── */
/* Mapa fijo: sin arrastre ni zoom (el punto rojo marca siempre el taller). El iframe sube 80px para
   ocultar los botones +/− y conserva abajo la atribución de OpenStreetMap; el punto compensa esos 40px. */
.nl-mapa { cursor: pointer; }
.nl-mapa iframe {
	position: absolute; left: 0; top: -80px; width: 100%; height: calc(100% + 80px); border: 0;
	pointer-events: none; filter: grayscale(1) invert(1) brightness(.95) contrast(1.15);
}
.nl-mapa::after {
	content: ""; position: absolute; left: 50%; top: calc(50% - 40px); width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%;
	background: var(--nl-c-rojo); box-shadow: 0 0 0 6px rgba(226, 6, 19, .3), 0 0 0 14px rgba(226, 6, 19, .12); pointer-events: none;
}
.nl-mapa:hover::after { box-shadow: 0 0 0 8px rgba(226, 6, 19, .35), 0 0 0 18px rgba(226, 6, 19, .15); }
.nl-mapa:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.nl-dato-valor a { color: inherit; text-decoration: none; }
.nl-dato-valor a:hover { color: var(--nl-c-rojo); }
.nl-campo::placeholder { color: #5B5F69; }
select.nl-campo {
	appearance: none; -webkit-appearance: none; padding-right: 44px; cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E20613' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 16px center; background-size: 16px;
}
select.nl-campo option { background: var(--nl-c-negro); color: #fff; }
textarea.nl-campo { resize: vertical; line-height: 1.5; }
.nl-tarjeta input[type="checkbox"] { cursor: pointer; }
.nl-tarjeta input[type="checkbox"]:checked { background-color: var(--nl-c-rojo) !important; border-color: var(--nl-c-rojo) !important; }
.nl-tarjeta p a, .nl-tarjeta label a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }

/* ── Páginas legales (body.nl-legal, plantilla por defecto de Hello) ── */
body.nl-legal { padding-top: 0; }
body.nl-legal .site-main, body.nl-legal .page-header { max-width: none !important; width: 100%; margin: 0 !important; }
.nl-legal .site-main { padding: 0; }
.nl-legal .page-header {
	position: relative; padding: 200px var(--nl-gutter, 56px) 72px; background: var(--nl-c-negro); border-bottom: 1px solid var(--nl-c-linea); overflow: hidden;
}
.nl-legal .page-header::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		radial-gradient(50% 90% at 85% 0%, rgba(226, 6, 19, .18), transparent 70%),
		linear-gradient(transparent 0 calc(100% - 1px), rgba(255, 255, 255, .04) 0) 0 0 / 100% 64px,
		linear-gradient(90deg, transparent 0 calc(100% - 1px), rgba(255, 255, 255, .04) 0) 0 0 / 64px 100%;
}
.nl-legal .page-header .entry-title {
	position: relative; max-width: 1320px; margin: 0 auto; color: #fff;
	font: 900 clamp(34px, 4.6vw, 66px)/.98 var(--nl-f); letter-spacing: -.01em; text-transform: uppercase;
}
.nl-legal-eyebrow {
	display: block; position: relative; padding-left: 48px; margin-bottom: 20px;
	font: 600 13px/1 var(--nl-f); letter-spacing: .14em; color: #fff;
}
.nl-legal-eyebrow::before { content: ""; position: absolute; left: 0; top: 50%; width: 36px; height: 2px; background: var(--nl-c-rojo); }
.nl-legal .site-main .page-content {
	max-width: 860px; margin: 0 auto !important; padding: 72px var(--nl-gutter, 24px) 120px;
	font: 400 16px/1.75 var(--nl-f); color: var(--nl-c-texto);
}
.nl-legal .page-content h2 {
	margin: 56px 0 16px; padding-top: 24px; border-top: 1px solid var(--nl-c-linea);
	font: 800 24px/1.05 var(--nl-f); text-transform: uppercase; color: #fff;
}
.nl-legal .page-content h2:first-child { margin-top: 0; border-top: 0; padding-top: 0; }
.nl-legal .page-content h3, .nl-legal .page-content h4 { margin: 32px 0 12px; font: 800 17px/1.15 var(--nl-f); text-transform: uppercase; color: #fff; }
.nl-legal .page-content p { margin: 0 0 16px; }
.nl-legal .page-content b, .nl-legal .page-content strong { color: #fff; font-weight: 600; }
.nl-legal .page-content ul { list-style: none; margin: 0 0 20px; padding: 0; }
.nl-legal .page-content li { position: relative; padding-left: 22px; margin-bottom: 8px; }
.nl-legal .page-content li::before { content: ""; position: absolute; left: 0; top: .8em; width: 10px; height: 2px; background: var(--nl-c-rojo); }
.nl-legal .page-content a { color: #fff; text-decoration: underline; text-decoration-color: var(--nl-c-rojo); text-underline-offset: 3px; }
.nl-legal .page-content a:hover { color: var(--nl-c-rojo); }
.nl-legal .page-content table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 14px; }
.nl-legal .page-content th, .nl-legal .page-content td { padding: 10px 12px; border: 1px solid var(--nl-c-linea); text-align: left; }
.nl-legal .page-content th { color: #fff; background: var(--nl-c-grafito); }
@media (max-width: 767px) { .nl-legal .page-header { padding-top: 150px; padding-bottom: 48px; } }

/* Menú móvil: el desplegable ocupa todo el ancho bajo la cabecera, sin empujar el logo */
@media (max-width: 1024px) {
	.nl-cabecera-barra { position: relative; }
	.nl-cabecera .elementor-widget-nav-menu, .nl-cabecera .elementor-widget-nav-menu > .elementor-widget-container { position: static; }
	.nl-cabecera .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
		width: auto !important; max-width: none !important; margin: 0 !important; z-index: 60;
		box-shadow: 0 24px 48px rgba(0, 0, 0, .5);
	}
}

/* ── Franja de partners: cintas en movimiento ── */
.nl-marca { position: relative; }
.nl-marca::after {
	content: ""; position: absolute; right: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px;
	background: var(--nl-c-rojo); transform: rotate(45deg);
}
.nl-marquesina-pista .nl-marca:nth-child(even) { color: transparent !important; -webkit-text-stroke: 1.5px rgba(255, 255, 255, .55); }
.nl-marquesina-pista { animation: nl-cinta var(--nl-duracion, 40s) linear infinite; will-change: transform; }
.nl-marquesina-inversa .nl-marquesina-pista { animation-direction: reverse; }
.nl-marquesina:hover .nl-marquesina-pista { animation-play-state: paused; }
.nl-marquesina::before, .nl-marquesina::after {
	content: ""; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 1; pointer-events: none;
}
.nl-marquesina::before { left: 0; background: linear-gradient(90deg, var(--nl-c-grafito), transparent); }
.nl-marquesina::after { right: 0; background: linear-gradient(-90deg, var(--nl-c-grafito), transparent); }
@keyframes nl-cinta { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.nl-marquesina-pista { animation: none; }
	.nl-marquesina { overflow-x: auto; }
}

/* ── Animaciones (solo con html.nl-anim; ver functions.php y assets/js/animaciones.js) ── */
@keyframes nl-sube { from { opacity: 0; transform: translateY(26px); } }
@keyframes nl-pinta { from { transform: scaleX(0); } }
@keyframes nl-aparece { from { opacity: 0; } }

/* Hero: antetítulo → titular palabra a palabra (el rojo de «marcha» se pinta) → entradilla → botones → cifras */
.nl-anim .nl-hero .nl-eyebrow { animation: nl-sube .7s .1s cubic-bezier(.2, .8, .2, 1) both; }
.nl-anim .nl-hero .nl-h1 { opacity: 0; }
.nl-anim .nl-hero .nl-h1:not(.nl-dividido) { animation: nl-aparece .6s 1.2s both; } /* respaldo si no hay JS */
.nl-anim .nl-hero .nl-h1.nl-dividido { opacity: 1; }
.nl-palabra { display: inline-block; animation: nl-sube .8s cubic-bezier(.2, .8, .2, 1) both; animation-delay: calc(.25s + var(--i, 0) * .13s); }
.nl-anim .nl-hero .nl-h1 em { background: transparent; position: relative; z-index: 0; }
.nl-anim .nl-hero .nl-h1 em::before {
	content: ""; position: absolute; inset: 0; z-index: -1; background: var(--nl-c-rojo); transform-origin: left center;
	animation: nl-pinta .55s cubic-bezier(.7, 0, .2, 1) both; animation-delay: calc(.35s + var(--i, 2) * .13s);
}
.nl-anim .nl-hero .nl-palabra:has(em) { --i: 2; }
.nl-anim .nl-hero .nl-lead { animation: nl-sube .7s .8s cubic-bezier(.2, .8, .2, 1) both; }
.nl-anim .nl-hero .nl-contenido > :nth-child(4) { animation: nl-sube .7s .95s cubic-bezier(.2, .8, .2, 1) both; }
.nl-anim .nl-hero > :last-child { animation: nl-sube .8s 1.05s cubic-bezier(.2, .8, .2, 1) both; }

/* Aparición al hacer scroll */
.nl-anim .nl-revelar {
	opacity: 0; transform: translateY(28px);
	transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1);
	transition-delay: var(--nl-retardo, 0ms);
}
.nl-anim .nl-revelar.nl-visible { opacity: 1; transform: none; }

/* Rotativo: barrido de luz en la barra 24h cuando el taller está cerrado */
.nl-estado { position: relative; overflow: hidden; }
.nl-estado-txt { position: relative; z-index: 1; }
html.nl-noche.nl-anim .nl-estado::before {
	content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 45%; pointer-events: none;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .32) 45%, rgba(255, 210, 120, .28) 55%, transparent);
	animation: nl-rotativo 2.2s cubic-bezier(.45, 0, .55, 1) infinite;
}
@keyframes nl-rotativo { from { transform: translateX(-110%); } to { transform: translateX(260%); } }

/* ── Iconos de las pestañas del selector (assets/iconos; en la activa, todo en blanco) ── */
.nl-ancla-que-conduces [role="tab"] { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 0 !important; }
.nl-ancla-que-conduces [role="tab"]::before {
	/* Elementor pone position:absolute en el ::before de sus contenedores (superposición de fondo) */
	position: static !important; inset: auto !important; opacity: 1 !important; flex-shrink: 0;
	content: "" !important; display: block; width: 44px; height: 44px; margin-bottom: 18px;
	background: center / contain no-repeat; transition: transform .3s cubic-bezier(.2, .8, .2, 1), filter .25s;
}
.nl-ancla-que-conduces [role="tab"]:nth-child(1)::before { background-image: url("assets/iconos/icono-rueda.svg"); }
.nl-ancla-que-conduces [role="tab"]:nth-child(2)::before { background-image: url("assets/iconos/icono-camion.svg"); }
.nl-ancla-que-conduces [role="tab"]:nth-child(3)::before { background-image: url("assets/iconos/icono-grua-pluma.svg"); }
.nl-ancla-que-conduces [role="tab"]:nth-child(4)::before { background-image: url("assets/iconos/icono-llave-cruz.svg"); }
.nl-ancla-que-conduces [role="tab"]:hover::before { transform: translateY(-3px); }
.nl-ancla-que-conduces [role="tab"][aria-selected="true"]::before { filter: brightness(0) invert(1); }
@media (max-width: 767px) { .nl-ancla-que-conduces [role="tab"]::before { width: 34px; height: 34px; margin-bottom: 12px; } }

/* Iconos de las listas de servicios: pequeño realce al pasar el ratón */
.nl-servicio .nl-icono { transition: transform .3s cubic-bezier(.2, .8, .2, 1); }
.nl-servicio:hover .nl-icono { transform: scale(1.12) rotate(-6deg); }