/* Estilos compartidos de talentoyalgoritmo.com (portada y contacto). */
/* Misma paleta del diagnóstico: pizarra (dato) y arcilla (persona). */
:root {
  --frio: #eceff0;
  --calido: #f5e3db;
  --tinta: #1e2a2e;
  --apagado: #4f5c60;
  --pizarra: #2f5d62;
  --arcilla: #cf7a62;
  --cruce: #846e64;
  --linea: rgba(30, 42, 46, 0.14);
  --tarjeta: rgba(255, 255, 255, 0.6);
  --sobre-pizarra: #f4f6f6;
  --sobre-tinta: #f4f6f6;
  --sobre-arcilla: #1e2a2e;
  --arena: #f3cdbd;            /* acento cálido sobre fondos oscuros */
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --frio: #121a1c;
    --calido: #2a1915;
    --tinta: #ecefef;
    --apagado: #a2adb0;
    --pizarra: #6fa3a8;
    --arcilla: #e0937d;
    --cruce: #ad9d94;
    --linea: rgba(236, 239, 239, 0.18);
    --tarjeta: rgba(255, 255, 255, 0.06);
    --sobre-pizarra: #121a1c;
    --sobre-tinta: #121a1c;
    --arena: #5c2a1d;
  }
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--tinta);
  background: var(--frio);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { text-wrap: balance; letter-spacing: -0.03em; }
a { color: inherit; }
a:focus-visible, .btn:focus-visible { outline: 3px solid var(--pizarra); outline-offset: 3px; border-radius: 6px; }

.ancho { width: 100%; max-width: 68rem; margin: 0 auto; padding: 0 20px; }
section { padding: clamp(64px, 10vw, 120px) 0; }
.calida { background: var(--calido); }

.serif { font-family: "Newsreader", Georgia, "Times New Roman", serif; font-style: italic; font-weight: 500; letter-spacing: -0.01em; }
.mono { font-family: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace; font-weight: 500; letter-spacing: 0.02em; }

/* ---------- cabecera ---------- */
.cabecera {
  position: sticky; top: 0; z-index: 50;
  padding: max(14px, env(safe-area-inset-top)) 0 14px;
  background: color-mix(in oklab, var(--frio) 84%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.cabecera.bajo { border-bottom-color: var(--linea); }
.cabecera .ancho { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
section[id] { scroll-margin-top: 76px; }
.marca { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.nombre { display: inline-flex; align-items: baseline; gap: 0.3em; line-height: 1; white-space: nowrap; }
.nombre .talento { font-family: "Newsreader", Georgia, serif; font-style: italic; font-weight: 500; font-size: 1.25rem; }
.nombre .y { font-size: 0.98rem; color: var(--apagado); }
.nombre .algoritmo { font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-weight: 500; font-size: 1.02rem; letter-spacing: -0.02em; }
.menu { display: flex; align-items: center; gap: 26px; }
.menu a { font-size: 0.92rem; color: var(--apagado); text-decoration: none; padding: 6px 0; border-bottom: 1.5px solid transparent; transition: color 0.15s ease, border-color 0.15s ease; }
.menu a:hover, .menu a.activo { color: var(--tinta); border-bottom-color: var(--arcilla); }
.menu a.boton-menu { padding: 9px 18px; border: 1.5px solid var(--tinta); border-radius: 999px; color: var(--tinta); font-weight: 600; }
.menu a.boton-menu:hover { background: var(--tinta); color: var(--frio); }
.abrir-menu { display: none; }
@media (max-width: 899px) {
  .abrir-menu {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px;
    border: 1.5px solid var(--tinta); border-radius: 999px; background: transparent; color: var(--tinta);
    font: 600 0.92rem/1 inherit; cursor: pointer;
  }
  .abrir-menu i { display: grid; gap: 4px; }
  .abrir-menu i::before, .abrir-menu i::after { content: ""; width: 16px; height: 1.5px; background: currentColor; transition: transform 0.2s ease; }
  .abrir-menu[aria-expanded="true"] i::before { transform: translateY(2.75px) rotate(45deg); }
  .abrir-menu[aria-expanded="true"] i::after { transform: translateY(-2.75px) rotate(-45deg); }
  .menu {
    position: absolute; top: 100%; left: 0; right: 0;
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 8px 20px 20px; background: var(--frio); border-bottom: 1px solid var(--linea);
    box-shadow: 0 18px 30px -18px rgba(0, 0, 0, 0.25);
  }
  .menu:not(.abierto) { display: none; }
  .menu a { font-size: 1.05rem; padding: 14px 0; border-bottom: 1px solid var(--linea); }
  .menu a.boton-menu { margin-top: 16px; text-align: center; border: 1.5px solid var(--tinta); }
}

/* ---------- botones ---------- */
.acciones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 26px; border-radius: 999px;
  font-size: 1rem; font-weight: 600; text-decoration: none;
  border: 1.5px solid var(--tinta);
  transition: transform 0.15s ease, background-color 0.15s ease;
}
.btn:hover { transform: translateY(-1px); }
.btn.primario { background: var(--tinta); color: var(--frio); }
.btn.fantasma { color: var(--tinta); background: transparent; }

/* ---------- portada ---------- */
.heroe { padding-top: clamp(56px, 9vw, 110px); }
.heroe .ancho { display: grid; gap: 40px; align-items: center; }
@media (min-width: 860px) { .heroe .ancho { grid-template-columns: 1.5fr 1fr; } }
.ceja { color: var(--pizarra); font-size: 0.9rem; margin-bottom: 22px; }
.heroe h1 { font-size: clamp(2.6rem, 7.2vw, 5rem); font-weight: 700; line-height: 1.02; letter-spacing: -0.045em; }
.heroe h1 .serif { font-weight: 500; color: var(--arcilla); }
.bajada { margin-top: 26px; font-size: clamp(1.15rem, 2.6vw, 1.4rem); line-height: 1.4; color: var(--apagado); max-width: 36rem; }
.lema { margin-top: 16px; font-size: 1.25rem; }
.simbolo { width: 100%; max-width: 360px; justify-self: center; }
.simbolo svg { width: 100%; height: auto; display: block; }

/* ---------- patrones ----------
   Lo humano: arcos, sol y ondas de trazo fino (un guiño boho, en arcilla).
   Lo algorítmico: puntos, retícula y circuito (pizarra), muy tenues.
   Regla: viven en los márgenes de cada sección, nunca debajo de un texto. */
section, .heroe { position: relative; overflow: hidden; isolation: isolate; }
.patron { position: absolute; pointer-events: none; z-index: -1; }
.puntos {
  background-image: radial-gradient(circle, var(--pizarra) 1.2px, transparent 1.6px);
  background-size: 22px 22px; opacity: 0.3;
}
.reticula {
  background-image:
    linear-gradient(var(--pizarra) 1px, transparent 1px),
    linear-gradient(90deg, var(--pizarra) 1px, transparent 1px);
  background-size: 44px 44px; opacity: 0.08;
}
.circuito { opacity: 0.15; }
.circuito::before {
  content: ""; position: absolute; inset: 0; background: var(--pizarra);
  -webkit-mask: var(--circuito) 0 0 / 132px 132px repeat; mask: var(--circuito) 0 0 / 132px 132px repeat;
}
.arcos, .sol, .ondas { background: var(--arcilla); opacity: 0.4; }
.arcos { -webkit-mask: var(--arcos) center bottom / contain no-repeat; mask: var(--arcos) center bottom / contain no-repeat; aspect-ratio: 1; }
.sol { -webkit-mask: var(--sol) center bottom / contain no-repeat; mask: var(--sol) center bottom / contain no-repeat; aspect-ratio: 400 / 320; }
.ondas { -webkit-mask: var(--ondas) center / contain no-repeat; mask: var(--ondas) center / contain no-repeat; aspect-ratio: 600 / 220; }
:root {
  --arcos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M50 400V250A150 150 0 0 1 350 250V400'/%3E%3Cpath d='M78 400V250A122 122 0 0 1 322 250V400'/%3E%3Cpath d='M106 400V250A94 94 0 0 1 294 250V400'/%3E%3Cpath d='M134 400V250A66 66 0 0 1 266 250V400'/%3E%3Cpath d='M162 400V250A38 38 0 0 1 238 250V400'/%3E%3Ccircle cx='200' cy='238' r='3' fill='%23000' stroke='none'/%3E%3C/svg%3E");
  --sol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 320' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M130 300A70 70 0 0 1 270 300'/%3E%3Cpath d='M150 300A50 50 0 0 1 250 300' stroke-dasharray='1 7'/%3E%3Cpath d='M296.0 300.0L322.0 300.0'/%3E%3Cpath d='M292.7 275.2L308.2 271.0'/%3E%3Cpath d='M283.1 252.0L305.7 239.0'/%3E%3Cpath d='M267.9 232.1L279.2 220.8'/%3E%3Cpath d='M248.0 216.9L261.0 194.3'/%3E%3Cpath d='M224.8 207.3L229.0 191.8'/%3E%3Cpath d='M200.0 204.0L200.0 178.0'/%3E%3Cpath d='M175.2 207.3L171.0 191.8'/%3E%3Cpath d='M152.0 216.9L139.0 194.3'/%3E%3Cpath d='M132.1 232.1L120.8 220.8'/%3E%3Cpath d='M116.9 252.0L94.3 239.0'/%3E%3Cpath d='M107.3 275.2L91.8 271.0'/%3E%3Cpath d='M104.0 300.0L78.0 300.0'/%3E%3Cpath d='M40 300H360'/%3E%3C/svg%3E");
  --ondas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 220' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M10 70C90 30 150 110 240 72S390 26 470 70 560 96 590 80'/%3E%3Cpath d='M10 110C100 76 160 146 250 112S400 70 480 112 565 132 590 120'/%3E%3Cpath d='M10 150C110 122 170 182 260 152S410 116 490 154 570 168 590 160' stroke-dasharray='2 8'/%3E%3C/svg%3E");
  --circuito: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 132' fill='none' stroke='%23000' stroke-width='1'%3E%3Cpath d='M0 22H44V66H88'/%3E%3Cpath d='M66 0V22H110V110H132'/%3E%3Cpath d='M22 132V100H66'/%3E%3Crect x='41' y='19' width='6' height='6' fill='%23000'/%3E%3Crect x='107' y='63' width='6' height='6' fill='%23000'/%3E%3Ccircle cx='88' cy='66' r='3'/%3E%3Ccircle cx='66' cy='100' r='3'/%3E%3C/svg%3E");
}
.esquina { -webkit-mask-image: radial-gradient(circle at 100% 0, #000, transparent 70%); mask-image: radial-gradient(circle at 100% 0, #000, transparent 70%); }
.desvanece-izq { -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%); mask-image: linear-gradient(90deg, transparent, #000 55%); }

/* Portada: tecnología arriba a la derecha, arcos debajo del símbolo. */
.heroe .puntos { top: 0; right: 0; width: 40%; height: 72%; -webkit-mask-image: linear-gradient(200deg, #000 20%, transparent 75%); mask-image: linear-gradient(200deg, #000 20%, transparent 75%); }
.heroe .circuito { top: 0; right: 0; width: 34%; height: 46%; }
.heroe .arcos { width: min(420px, 36vw); right: 3%; bottom: -150px; }
@media (max-width: 859px) {
  .heroe .puntos, .heroe .circuito { display: none; }
  .heroe .arcos { width: 260px; right: -50px; bottom: -120px; opacity: 0.3; }
}

/* Por qué existimos: sección pizarra, con un sol abajo a la derecha. */
.profunda { background: var(--pizarra); color: var(--sobre-pizarra); }
.profunda .etiqueta, .profunda .firma .mono { color: var(--sobre-pizarra); opacity: 0.75; }
.profunda h2 .serif, .profunda .firma .serif { color: var(--arena); }
.profunda .sol { width: min(480px, 40vw); right: -30px; bottom: 0; background: var(--arena); opacity: 0.45; }
@media (max-width: 899px) {
  .profunda { padding-bottom: 210px; }
  .profunda .sol { width: 300px; right: 50%; margin-right: -150px; }
}

/* Enfoque: arcos asomando arriba a la derecha, lejos del encabezado. */
.distintos .arcos { width: 260px; right: -40px; top: -150px; opacity: 0.35; transform: rotate(180deg); }
/* Servicios: retícula solo detrás de las tarjetas (que son sólidas), nunca detrás del encabezado. */
.servicios-sec .reticula { inset: 0; -webkit-mask-image: linear-gradient(180deg, transparent 0 30%, #000 60%); mask-image: linear-gradient(180deg, transparent 0 30%, #000 60%); }
.mariana .arcos { width: 380px; right: -110px; bottom: -230px; opacity: 0.3; }
.mariana .ondas { width: 460px; left: -170px; top: -70px; opacity: 0.28; }
@media (max-width: 899px) { .mariana .ondas { display: none; } .mariana .arcos { width: 260px; right: -60px; bottom: -170px; } }
.cierre .puntos { top: 0; right: 0; width: 40%; height: 55%; background-image: radial-gradient(circle, var(--sobre-tinta) 1.2px, transparent 1.6px); opacity: 0.2; -webkit-mask-image: linear-gradient(200deg, #000 10%, transparent 70%); mask-image: linear-gradient(200deg, #000 10%, transparent 70%); }
.cierre .sol { width: min(520px, 44vw); right: -20px; bottom: 0; background: var(--sobre-tinta); opacity: 0.22; }
@media (max-width: 899px) {
  .cierre { padding-bottom: 200px; }
  .cierre .puntos { display: none; }
  .cierre .sol { width: 300px; right: 50%; margin-right: -150px; }
}

/* ---------- encabezados de sección ---------- */
.etiqueta { color: var(--apagado); font-size: 0.85rem; margin-bottom: 18px; text-transform: uppercase; }
h2 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 700; line-height: 1.06; }
h2 .serif { font-weight: 500; color: var(--arcilla); }
.texto { max-width: 40rem; margin-top: 28px; }
.texto p + p { margin-top: 18px; }
.texto strong { font-weight: 650; }
.firma { margin-top: 44px; font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.15; }
.firma .mono { display: block; font-size: 0.85rem; color: var(--apagado); margin-bottom: 10px; letter-spacing: 0.04em; }

/* ---------- diferenciadores ---------- */
.tres { display: grid; gap: 18px; margin-top: 48px; }
@media (min-width: 820px) { .tres { grid-template-columns: repeat(3, 1fr); } }
.tarjeta { position: relative; background: var(--tarjeta); border: 1px solid var(--linea); border-radius: 22px; padding: 30px; }
.tarjeta h3 { font-size: 1.35rem; font-weight: 650; line-height: 1.2; }
.tarjeta p { margin-top: 12px; opacity: 0.86; }
.tarjeta a { color: inherit; font-weight: 600; text-decoration-color: var(--arcilla); text-underline-offset: 3px; }
.tarjeta .glifo { width: 38px; height: 38px; margin-bottom: 22px; }
.tarjeta.t-arcilla { background: var(--arcilla); border-color: transparent; color: var(--sobre-arcilla); }
.tarjeta.t-pizarra { background: var(--pizarra); border-color: transparent; color: var(--sobre-pizarra); }
.tarjeta.t-pizarra a { text-decoration-color: var(--arena); }
.tarjeta.t-cruce { background: var(--cruce); border-color: transparent; color: var(--sobre-pizarra); }
.distintos h2 .serif { color: var(--pizarra); }
.tarjeta.t-pizarra .glifo { color: var(--arena); }

/* ---------- servicios: mosaico de colores (pizarra, tinta, empalme, arcilla) ---------- */
.servicios { list-style: none; margin: 52px 0 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 900px) {
  .servicios { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .servicio:nth-child(1) { grid-column: span 4; }
  .servicio:nth-child(2) { grid-column: span 2; }
  .servicio:nth-child(n+3) { grid-column: span 2; }
  .servicio:nth-child(1) { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 40px; align-content: start; }
  .servicio:nth-child(1) .cabeza { grid-column: 1 / -1; }
  .servicio:nth-child(1) .cuerpo { padding-top: 0; }
}
.servicio {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; gap: 14px;
  padding: clamp(26px, 3.4vw, 36px); border-radius: 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.servicio:hover { transform: translateY(-4px); box-shadow: 0 24px 44px -26px rgba(20, 30, 34, 0.55); }
.servicio::after {
  content: ""; position: absolute; z-index: -1; right: -10px; top: -10px; width: 180px; height: 180px;
  background-image: radial-gradient(circle, currentColor 1.2px, transparent 1.6px); background-size: 16px 16px;
  opacity: 0.16; -webkit-mask-image: radial-gradient(circle at 100% 0, #000, transparent 70%); mask-image: radial-gradient(circle at 100% 0, #000, transparent 70%);
}
.servicio .cabeza { display: flex; align-items: center; justify-content: space-between; }
.num { font-size: 0.9rem; opacity: 0.8; }
.glifo { width: 44px; height: 44px; flex: none; }
.servicio h3 { font-size: clamp(1.35rem, 2.4vw, 1.65rem); font-weight: 650; line-height: 1.15; }
.gancho { font-size: 1.18rem; line-height: 1.3; }
.servicio h3 .clave { display: block; margin-bottom: 6px; font-family: "IBM Plex Mono", ui-monospace, Menlo, monospace; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--arcilla); }
.servicio .cuerpo { flex: 1; display: flex; flex-direction: column; padding-top: 6px; }
.servicio .cuerpo .temas { margin-top: auto; padding-top: 18px; }
.servicio .cuerpo p { opacity: 0.86; font-size: 1rem; break-inside: avoid; }
.servicio .cuerpo p + p { margin-top: 12px; }
.temas { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.temas li { font-size: 0.8rem; padding: 5px 11px; border: 1px solid currentColor; border-radius: 999px; opacity: 0.8; }

.servicio.s-pizarra { background: var(--pizarra); color: var(--sobre-pizarra); }
.servicio.s-pizarra .gancho { color: color-mix(in oklab, var(--arcilla) 55%, var(--sobre-pizarra)); }
.servicio.s-tinta { background: var(--tinta); color: var(--frio); }
.servicio.s-tinta .gancho, .servicio.s-tinta .num { color: var(--arcilla); opacity: 1; }
.servicio.s-claro { background: var(--tarjeta); border: 1px solid var(--linea); color: var(--tinta); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.servicio.s-claro .gancho, .servicio.s-claro .num { color: var(--pizarra); opacity: 1; }
.servicio.s-claro::after { color: var(--pizarra); opacity: 0.28; }
.servicio.s-empalme { background: var(--cruce); color: var(--sobre-pizarra); }
.servicio.s-degradado {
  background:
    radial-gradient(120% 90% at 100% 100%, color-mix(in oklab, var(--arcilla) 85%, transparent), transparent 60%),
    linear-gradient(150deg, var(--tinta), var(--pizarra));
  color: var(--sobre-tinta);
}
.servicio.s-degradado .gancho { color: var(--sobre-tinta); opacity: 0.9; }

/* ---------- Mariana ---------- */
.mariana .ancho { display: grid; gap: 48px; }
@media (min-width: 900px) { .mariana .ancho { grid-template-columns: 1.15fr 1fr; align-items: start; } }
.mariana h3 { margin-top: 18px; font-size: clamp(1.3rem, 3vw, 1.65rem); font-weight: 600; line-height: 1.25; color: var(--apagado); }
.resaltado { margin-top: 26px; padding-left: 18px; border-left: 3px solid var(--arcilla); font-size: 1.15rem; line-height: 1.4; }
.cifras { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.cifra { background: var(--tarjeta); border: 1px solid var(--linea); border-radius: 18px; padding: 22px 20px; }
.cifra:nth-child(-n+4) { border-color: transparent; }
.cifra:nth-child(-n+4) span { color: inherit; opacity: 0.82; }
.cifra:nth-child(1) { background: var(--tinta); color: var(--frio); }
.cifra:nth-child(2) { background: var(--pizarra); color: var(--sobre-pizarra); }
.cifra:nth-child(3) { background: var(--cruce); color: var(--sobre-pizarra); }
.cifra:nth-child(4) { background: var(--arcilla); color: var(--sobre-arcilla); }
.cifra strong { display: block; font-size: clamp(1.8rem, 4vw, 2.4rem); font-weight: 700; letter-spacing: -0.04em; line-height: 1; }
.cifra span { display: block; margin-top: 10px; font-size: 0.92rem; color: var(--apagado); line-height: 1.35; }
.credencial { grid-column: 1 / -1; }
.credencial b { display: block; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--apagado); margin-bottom: 6px; font-weight: 600; }
.credencial p { font-size: 1rem; line-height: 1.4; }

/* ---------- cierre ---------- */
.cierre {
  background:
    radial-gradient(70% 90% at 100% 100%, color-mix(in oklab, var(--arcilla) 70%, transparent), transparent 62%),
    linear-gradient(150deg, var(--tinta), var(--pizarra));
  color: var(--sobre-tinta);
}
.cierre h2 .serif { color: var(--arena); }
.cierre .texto { color: var(--sobre-tinta); }
.cierre .btn.primario { background: var(--sobre-tinta); color: var(--tinta); border-color: var(--sobre-tinta); }
.cierre .btn.fantasma { color: var(--sobre-tinta); border-color: var(--sobre-tinta); }
.cierre .correo a { color: inherit; }
.correo { margin-top: 18px; font-size: 0.95rem; opacity: 0.85; }

/* ---------- pie ---------- */
.pie { padding: 48px 0 max(40px, env(safe-area-inset-bottom)); color: var(--apagado); font-size: 0.92rem; }
.pie .ancho { display: grid; gap: 14px; }
.pie a { text-decoration-color: var(--arcilla); text-underline-offset: 3px; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .btn, .servicio, .menu a { transition: none; } .servicio:hover { transform: none; } }