/* Start custom CSS *//* ===== Home PWA — CSS de página (no borrar: incluye ocultar header viejo) ===== */

/* Ocultar header y footer del plugin UAE solo en esta página */
body.page-id-4876 #masthead,
body.page-id-4876 #colophon { display: none !important; }

/* Cursivas de títulos en Instrument Serif */
body.page-id-4876 :is(h1, h2, h3, [data-id="48e6dd31"], [data-id="ad8bef2"]) em {
  font-family: 'Instrument Serif', serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.01em;
}

/* ---------- HERO ---------- */
/* Columnas de webs en movimiento continuo */
[data-id="72983a8c"], [data-id="363f1e11"] { animation: pwaColUp 70s linear infinite; will-change: transform; }
[data-id="2c1f7ef6"], [data-id="2b25349e"] { animation: pwaColDown 80s linear infinite; will-change: transform; }
@keyframes pwaColUp   { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,calc(-50% - 9px),0); } }
@keyframes pwaColDown { from { transform: translate3d(0,calc(-50% - 9px),0); } to { transform: translate3d(0,0,0); } }

/* Entrada del texto del hero */
[data-id="34dc5145"], [data-id="4a053fb2"], [data-id="5156c711"], [data-id="f2c6832"] {
  animation: pwaUp .9s cubic-bezier(.2,.7,.2,1) both;
}
[data-id="4a053fb2"] { animation-delay: .12s; }
[data-id="5156c711"] { animation-delay: .3s; }
[data-id="f2c6832"]  { animation-delay: .45s; }
@keyframes pwaUp { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }

/* H1: palabra clave con brillo y subrayado que se dibuja */
[data-id="4a053fb2"] em {
  position: relative;
  display: inline-block;
  padding-inline-end: .06em;
  background: linear-gradient(100deg, #A7E0FC 0%, #ffffff 25%, #A7E0FC 50%, #6CC6F5 75%, #A7E0FC 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: pwaShine 7s linear infinite;
}
[data-id="4a053fb2"] em::after {
  content: "";
  position: absolute;
  left: 2%; right: 2%; bottom: -.06em;
  height: .2em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M3 10 C 45 3, 95 2, 140 6 S 185 10, 197 4' fill='none' stroke='%23A7E0FC' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  transform: scaleX(0);
  transform-origin: left center;
  animation: pwaDraw 1.1s .9s cubic-bezier(.65,0,.35,1) forwards;
}
@keyframes pwaShine { to { background-position: -300% 0; } }
@keyframes pwaDraw  { to { transform: scaleX(1); } }

/* ---------- CINTA DE TEXTOS ---------- */
[data-id="ad8bef2"] { animation: pwaMarquee 45s linear infinite; will-change: transform; }
[data-id="2021fe4a"]:hover [data-id="ad8bef2"] { animation-play-state: paused; }
@keyframes pwaMarquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(-50% - 28px),0,0); } }

/* ---------- TU EQUIPO WEB: webs flotantes con hover ---------- */
:is([data-id="7f6b1cb0"],[data-id="648bf5fb"],[data-id="69d067c2"],[data-id="34974e5e"],[data-id="71f50a21"],[data-id="263f61b6"]) {
  animation: pwaFloat 7s ease-in-out infinite;
  transition: transform .45s cubic-bezier(.2,.8,.2,1), scale .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease, filter .45s ease, opacity .45s ease;
  filter: saturate(.85) brightness(.9);
  z-index: 2 !important;
}
[data-id="648bf5fb"] { animation-delay: -1.5s; }
[data-id="69d067c2"] { animation-delay: -3s; }
[data-id="34974e5e"] { animation-delay: -4.5s; }
[data-id="71f50a21"] { animation-delay: -2.2s; }
[data-id="263f61b6"] { animation-delay: -5.4s; }
:is([data-id="7f6b1cb0"],[data-id="648bf5fb"],[data-id="69d067c2"],[data-id="34974e5e"],[data-id="71f50a21"],[data-id="263f61b6"]):hover {
  transform: rotate(0deg) !important;
  scale: 1.35;
  z-index: 5 !important;
  opacity: 1 !important;
  filter: saturate(1.1) brightness(1.06);
  border-color: rgba(167,224,252,.9) !important;
  box-shadow: 0 0 0 1px rgba(167,224,252,.5), 0 30px 70px rgba(0,0,0,.7), 0 0 60px rgba(108,198,245,.35) !important;
  animation-play-state: paused;
}
@keyframes pwaFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -14px; } }

/* ---------- PESTAÑAS DE TRABAJOS ---------- */
[data-id="41c34905"] { overflow-anchor: none; }
[data-id="7511177f"] [role="tab"] { transition: background-color .25s, color .25s, border-color .25s, box-shadow .25s, transform .25s; }
[data-id="7511177f"] [role="tab"]:hover { color: #ffffff !important; transform: translateY(-1px); }
[data-id="7511177f"] [role="tab"][aria-selected="true"] {
  background-color: #A7E0FC !important;
  border-color: #A7E0FC !important;
  color: #04101a !important;
  box-shadow: 0 8px 26px rgba(108,198,245,.35);
}
[data-id="7511177f"] [role="tab"][aria-selected="true"] span { color: #04101a !important; font-weight: 600; }
[data-id="70d11468"] [role="tabpanel"] { animation: pwaFade .5s ease both; }
@keyframes pwaFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ---------- CTAs: flecha + destello ---------- */
:is([data-id="58a9be7"],[data-id="7baa9ed8"],[data-id="65acb926"],[data-id="65ce4cfd"],[data-id="47a124f3"],[data-id="1e90f574"],[data-id="5281aac"]) {
  position: relative;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
:is([data-id="58a9be7"],[data-id="7baa9ed8"],[data-id="65acb926"],[data-id="65ce4cfd"],[data-id="47a124f3"],[data-id="1e90f574"])::after {
  content: "→";
  font-weight: 700;
  transition: transform .25s ease;
}
:is([data-id="58a9be7"],[data-id="7baa9ed8"],[data-id="65acb926"],[data-id="65ce4cfd"],[data-id="47a124f3"],[data-id="1e90f574"]):hover::after { transform: translateX(5px); }
:is([data-id="58a9be7"],[data-id="7baa9ed8"],[data-id="65acb926"],[data-id="65ce4cfd"],[data-id="47a124f3"],[data-id="1e90f574"],[data-id="5281aac"])::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.65) 50%, transparent 70%);
  transform: translateX(-130%);
  animation: pwaSweep 5s ease-in-out infinite;
  pointer-events: none;
}
[data-id="5281aac"]::before { animation-delay: 1.2s; }
@keyframes pwaSweep { 0%, 65% { transform: translateX(-130%); } 100% { transform: translateX(130%); } }

/* Halo pulsante en el CTA principal del hero */
[data-id="58a9be7"] { animation: pwaPulse 2.8s ease-in-out infinite; }
@keyframes pwaPulse {
  0%,100% { box-shadow: 0 0 0 1px rgba(167,224,252,.5), 0 12px 36px rgba(108,198,245,.4), 0 0 0 0 rgba(167,224,252,.45); }
  50%     { box-shadow: 0 0 0 1px rgba(167,224,252,.5), 0 12px 36px rgba(108,198,245,.4), 0 0 0 10px rgba(167,224,252,0); }
}

/* Accesibilidad: sin movimiento si el usuario lo pide */
@media (prefers-reduced-motion: reduce) {
  [data-id="72983a8c"], [data-id="363f1e11"], [data-id="2c1f7ef6"], [data-id="2b25349e"],
  [data-id="ad8bef2"], [data-id="58a9be7"],
  :is([data-id="7f6b1cb0"],[data-id="648bf5fb"],[data-id="69d067c2"],[data-id="34974e5e"],[data-id="71f50a21"],[data-id="263f61b6"]) { animation: none !important; }
  [data-id="4a053fb2"] em::after { animation: none; transform: scaleX(1); }
}

/* Sin subrayado en links/botones de la página */
body.page-id-4876 .elementor a,
body.page-id-4876 .elementor a:hover { text-decoration: none; }

/* ---------- CIERRE: webs que se abren con 5 estrellas ---------- */
[data-id="b2013d"] { cursor: pointer; z-index: 5; }
:is([data-id="2434162a"],[data-id="2bfb437a"],[data-id="60e2920e"]) { transition: transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .6s ease; }
[data-id="b2013d"]:hover [data-id="2434162a"] { transform: translate3d(-112%,-122%,0) rotate(-5deg) scale(1.5) !important; box-shadow: 0 24px 60px rgba(0,0,0,.7) !important; }
[data-id="b2013d"]:hover [data-id="2bfb437a"] { transform: translate3d(112%,-122%,0) rotate(5deg) scale(1.5) !important; box-shadow: 0 24px 60px rgba(0,0,0,.7) !important; }
[data-id="b2013d"]:hover [data-id="60e2920e"] { transform: translate3d(0,-138%,0) scale(1.7) !important; z-index: 3; box-shadow: 0 30px 70px rgba(0,0,0,.75), 0 0 50px rgba(108,198,245,.35) !important; }
:is([data-id="6310e05c"],[data-id="6745bae2"],[data-id="3b35b6d9"]) {
  display: flex !important;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 7%;
  z-index: 6;
  transition: opacity .35s ease .15s, transform .6s cubic-bezier(.2,.8,.2,1);
}
:is([data-id="6310e05c"],[data-id="6745bae2"],[data-id="3b35b6d9"]) span {
  background: rgba(8,8,8,.85);
  color: #FFC94D;
  font-size: 12px;
  letter-spacing: 2px;
  line-height: 1;
  padding: 4px 8px 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  text-shadow: 0 0 8px rgba(255,201,77,.6);
  box-shadow: 0 0 0 1px rgba(255,201,77,.35);
}
[data-id="b2013d"]:hover [data-id="6310e05c"] { opacity: 1 !important; transform: translate3d(-112%,-122%,0) rotate(-5deg) scale(1.5); }
[data-id="b2013d"]:hover [data-id="6745bae2"] { opacity: 1 !important; transform: translate3d(112%,-122%,0) rotate(5deg) scale(1.5); }
[data-id="b2013d"]:hover [data-id="3b35b6d9"] { opacity: 1 !important; transform: translate3d(0,-138%,0) scale(1.7); }

/* En celular no hay hover: el abanico se abre solo */
@media (max-width: 767px) {
  [data-id="2434162a"] { animation: pwaFanL 7s ease-in-out infinite; }
  [data-id="2bfb437a"] { animation: pwaFanR 7s ease-in-out infinite; }
  [data-id="60e2920e"] { animation: pwaFanC 7s ease-in-out infinite; }
  [data-id="6310e05c"] { animation: pwaStarL 7s ease-in-out infinite; }
  [data-id="6745bae2"] { animation: pwaStarR 7s ease-in-out infinite; }
  [data-id="3b35b6d9"] { animation: pwaStarC 7s ease-in-out infinite; }
  :is([data-id="6310e05c"],[data-id="6745bae2"],[data-id="3b35b6d9"]) span { font-size: 8px; letter-spacing: 1px; padding: 3px 5px 3px 6px; }
  [data-id="b2013d"] { width: 120px !important; height: 80px !important; margin: 30px calc(50% - 60px) 26px !important; }
}
@keyframes pwaFanL { 0%,40%,100% { transform: rotate(-10deg) translate3d(-12%,4%,0); } 52%,88% { transform: translate3d(-95%,0,0) rotate(-4deg) scale(1.15); } }
@keyframes pwaFanR { 0%,40%,100% { transform: rotate(7deg) translate3d(10%,-2%,0); } 52%,88% { transform: translate3d(95%,0,0) rotate(4deg) scale(1.15); } }
@keyframes pwaFanC { 0%,40%,100% { transform: rotate(-1deg); } 52%,88% { transform: translate3d(0,0,0) scale(1.3); } }
@keyframes pwaStarL { 0%,46%,94%,100% { opacity: 0; transform: rotate(-10deg) translate3d(-12%,4%,0); } 56%,86% { opacity: 1; transform: translate3d(-95%,0,0) rotate(-4deg) scale(1.15); } }
@keyframes pwaStarR { 0%,46%,94%,100% { opacity: 0; transform: rotate(7deg) translate3d(10%,-2%,0); } 56%,86% { opacity: 1; transform: translate3d(95%,0,0) rotate(4deg) scale(1.15); } }
@keyframes pwaStarC { 0%,46%,94%,100% { opacity: 0; transform: rotate(-1deg); } 56%,86% { opacity: 1; transform: translate3d(0,0,0) scale(1.3); } }/* End custom CSS */