:root{
  --ticnix-orange-1:#FC4503;
  --ticnix-orange-2:#FC8403;
  --ticnix-orange-3:#FCAD03;
  --ticnix-yellow:#FCC203;
  --ticnix-white:#ffffff;
  --ticnix-text:#545454;
  --ticnix-border:rgba(252,132,3,.14);
  --ticnix-shadow:0 20px 40px rgba(84,84,84,.12);
  --ticnix-shadow-strong:0 28px 55px rgba(252,132,3,.24);
  --ticnix-grad:linear-gradient(135deg,var(--ticnix-orange-1) 0%, var(--ticnix-orange-2) 42%, var(--ticnix-orange-3) 76%, var(--ticnix-yellow) 100%);
}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
section{position:relative;}
.section-intro{max-width:900px;margin-inline:auto;}

/* Reveal fluido reactivable */
.reveal,
[data-reveal]{
  opacity:0;
  transition:opacity .82s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1),filter .82s cubic-bezier(.22,.61,.36,1);
  will-change:transform,opacity;
  filter:blur(6px);
}
.reveal.is-visible,
.reveal.active,
[data-reveal].is-visible{
  opacity:1;
  filter:blur(0);
  transform:none !important;
}
.reveal[data-reveal-dir="up"],
[data-reveal][data-reveal-dir="up"]{transform:translateY(46px) scale(.985);}
.reveal[data-reveal-dir="down"],
[data-reveal][data-reveal-dir="down"]{transform:translateY(-46px) scale(.985);}
.reveal[data-reveal-dir="left"],
[data-reveal][data-reveal-dir="left"]{transform:translateX(42px) scale(.985);}
.reveal[data-reveal-dir="right"],
[data-reveal][data-reveal-dir="right"]{transform:translateX(-42px) scale(.985);}

/* Base hover unificado */
body[data-page='index'] .card,
body[data-page='index'] .benefit-card,
body[data-page='index'] .card-why,
body[data-page='index'] .grid-3 .card,
body[data-page='nosotros'] .value-card,
body[data-page='nosotros'] .soft-card,
body[data-page='nosotros'] .coverage-item,
body[data-page='nosotros'] #valor-agregado .value-card{
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease, border-color .35s ease, color .35s ease;
}

body[data-page='index'] .card:hover,
body[data-page='index'] .benefit-card:hover,
body[data-page='index'] .card-why:hover,
body[data-page='index'] .grid-3 .card:hover,
body[data-page='nosotros'] .value-card:hover,
body[data-page='nosotros'] .soft-card:hover,
body[data-page='nosotros'] #valor-agregado .value-card:hover{
  background:var(--ticnix-grad) !important;
  transform:translateY(-9px);
  box-shadow:var(--ticnix-shadow-strong) !important;
  border-color:rgba(255,255,255,.14) !important;
}

body[data-page='index'] .card:hover *,
body[data-page='index'] .benefit-card:hover *,
body[data-page='index'] .card-why:hover *,
body[data-page='index'] .grid-3 .card:hover *,
body[data-page='nosotros'] .value-card:hover *,
body[data-page='nosotros'] .soft-card:hover *,
body[data-page='nosotros'] #valor-agregado .value-card:hover *{
  color:#fff !important;
}
body[data-page='index'] .card:hover .mobile-icon img,
body[data-page='index'] .card:hover .dropdown-icon--svg img,
body[data-page='nosotros'] .value-card:hover .icon img{filter:brightness(0) invert(1) !important;}

/* INDEX */
body[data-page='index'] .section.light,
body[data-page='index'] .section{padding-inline:clamp(1.2rem,2vw,2rem);}
body[data-page='index'] .section-divider-top::before,
body[data-page='nosotros'] .section-divider-top::before,
body[data-page='index'] .footer-prelude::after,
body[data-page='nosotros'] .footer-prelude::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:min(1180px,calc(100% - 2.4rem));
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),rgba(84,84,84,.14),rgba(255,255,255,.5),transparent);
}
body[data-page='index'] .section-divider-top::before,
body[data-page='nosotros'] .section-divider-top::before{top:-1.15rem;}
body[data-page='index'] .footer-prelude::after,
body[data-page='nosotros'] .footer-prelude::after{bottom:-1.35rem;}

body[data-page='index'] .soluciones-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1.15rem;
  align-items:stretch;
}
body[data-page='index'] .soluciones-grid > a.card{
  min-height:210px;
  border-radius:30px !important;
  padding:1.5rem 1.35rem !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  border:1px solid var(--ticnix-border) !important;
  box-shadow:var(--ticnix-shadow);
  background:#fff !important;
  position:relative;
  overflow:hidden;
}
body[data-page='index'] .soluciones-grid > a.card i{
  width:60px;height:60px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(252,132,3,.10);
  color:var(--ticnix-orange-2) !important;
  margin-bottom:1rem;
  font-size:1.28rem;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(1),
body[data-page='index'] .soluciones-grid > a.card:nth-child(4){grid-column:span 4;}
body[data-page='index'] .soluciones-grid > a.card:nth-child(2),
body[data-page='index'] .soluciones-grid > a.card:nth-child(3),
body[data-page='index'] .soluciones-grid > a.card:nth-child(5){grid-column:span 4;}
body[data-page='index'] .soluciones-grid > a.card:nth-child(3){background:linear-gradient(180deg,#fff,rgba(252,194,3,.06)) !important;}
body[data-page='index'] .soluciones-grid > a.card:nth-child(5){background:linear-gradient(180deg,#fff,rgba(252,69,3,.05)) !important;}
body[data-page='index'] .soluciones-grid > a.card::after{
  content:"";position:absolute;inset:auto -12% -35% auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(252,194,3,.14),transparent 70%);pointer-events:none;
}

body[data-page='index'] .card-why{
  border-radius:30px !important;
  padding:1.55rem 1.35rem !important;
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  box-shadow:var(--ticnix-shadow);
}
body[data-page='index'] .card-why i,
body[data-page='index'] .grid-3 .card i,
body[data-page='index'] .benefit-card > i,
body[data-page='index'] .soluciones-grid > a.card i{transition:all .3s ease;}
body[data-page='index'] .card-why:hover i,
body[data-page='index'] .grid-3 .card:hover i,
body[data-page='index'] .benefit-card:hover > i,
body[data-page='index'] .soluciones-grid > a.card:hover i{
  background:rgba(255,255,255,.17) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body[data-page='index'] .card-why .extra{
  display:block !important;
  margin-top:auto;
  padding-top:1rem;
  font-weight:600;
  color:var(--ticnix-orange-2) !important;
}
body[data-page='index'] .grid-4,
body[data-page='index'] .grid-3{max-width:1240px;margin-inline:auto;}

/* Index benefit/caso cards without overlays or hand icon */
body[data-page='index'] .benefit-card,
body[data-page='index'] .casos-beneficios-grid .benefit-card{
  min-height:330px;
  padding:1.55rem 1.45rem !important;
  border-radius:30px !important;
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  box-shadow:var(--ticnix-shadow);
  overflow:hidden;
}
body[data-page='index'] .benefit-card::after,
body[data-page='index'] .benefit-card .benefit-tab{display:none !important;content:none !important;}
body[data-page='index'] .benefit-card .benefit-hover{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
  padding:0 !important;
  margin-top:.85rem !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  pointer-events:auto !important;
}
body[data-page='index'] .benefit-card .benefit-hover::before,
body[data-page='index'] .benefit-card .benefit-hover::after{display:none !important;}
body[data-page='index'] .benefit-card > i{
  width:58px;height:58px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(252,132,3,.10);
  color:var(--ticnix-orange-2) !important;
  margin-bottom:1rem;font-size:1.22rem;
}
body[data-page='index'] .benefit-card h3{margin-bottom:.7rem;}
body[data-page='index'] .benefit-summary,
body[data-page='index'] .benefit-hover{line-height:1.68 !important;color:var(--ticnix-text) !important;}
body[data-page='index'] .casos-uso-nuevo .benefit-card:nth-child(2n){background:linear-gradient(180deg,#fff,rgba(252,132,3,.04)) !important;}
body[data-page='index'] .casos-uso-nuevo .benefit-card:hover:nth-child(2n){background:var(--ticnix-grad) !important;}

/* Feature bands in index */
body[data-page='index'] .feature-band .talento-cta{
  max-width:1240px;
  margin:0 auto;
  gap:1.2rem;
  background:var(--ticnix-grad);
  border-radius:34px;
  padding:1.15rem;
  box-shadow:0 28px 58px rgba(252,132,3,.22);
}
body[data-page='index'] .feature-band .cta-copy,
body[data-page='index'] .feature-band .cta-visual{
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  padding:clamp(1.2rem,2vw,1.8rem);
  backdrop-filter:blur(8px);
}
body[data-page='index'] .feature-band .cta-kicker,
body[data-page='index'] .feature-band h2,
body[data-page='index'] .feature-band p,
body[data-page='index'] .feature-band .btn{color:#fff !important;}
body[data-page='index'] .feature-band .cta-kicker{
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.8rem;
  opacity:.85;
  margin-bottom:.65rem;
}
body[data-page='index'] .feature-band .cta-copy h2{font-size:clamp(1.8rem,3vw,2.45rem) !important;line-height:1.12 !important;max-width:12ch;}
body[data-page='index'] .feature-band .cta-copy p{max-width:62ch !important;font-size:1rem !important;line-height:1.72 !important;}
body[data-page='index'] .feature-band .cta-buttons .btn-primary{
  background:#fff !important;
  color:var(--ticnix-orange-1) !important;
  border:none !important;
  box-shadow:0 14px 26px rgba(84,84,84,.14) !important;
}
body[data-page='index'] .video-box,
body[data-page='index'] .cta-image-slider{
  border-radius:26px;
  overflow:hidden;
  min-height:100%;
  background:rgba(255,255,255,.16);
  box-shadow:0 16px 34px rgba(84,84,84,.15);
}
body[data-page='index'] .video-box{aspect-ratio:1.18/1;}
body[data-page='index'] .video-box video{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;}
body[data-page='index'] .feature-band--video .cta-copy{display:flex;flex-direction:column;justify-content:center;}

body[data-page='index'] .cta-image-slider{position:relative;aspect-ratio:1.18/1;min-height:420px;}
body[data-page='index'] .cta-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;}
body[data-page='index'] .cta-slide img{width:100%;height:100%;object-fit:cover;display:block;}
body[data-page='index'] .cta-slide.is-active{opacity:1;}
body[data-page='index'] .cta-slider-glow{position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22));pointer-events:none;}

body[data-page='index'] .cta-section{padding-top:4.6rem;padding-bottom:4.8rem;}
body[data-page='index'] .cta-section .btn-primary{background:#fff !important;color:var(--ticnix-orange-2) !important;border:2px solid rgba(255,255,255,.2) !important;}

/* NOSOTROS */
body[data-page='nosotros'] .hero-split{padding-bottom:4.4rem;}
body[data-page='nosotros'] .hero-panel.hero-panel-video{padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.72));}
body[data-page='nosotros'] .hero-media video,
body[data-page='nosotros'] .hero-media .nosotros-video{object-fit:cover !important;min-height:470px !important;height:470px !important;}
body[data-page='nosotros'] .cards-2x2,
body[data-page='nosotros'] .values-grid,
body[data-page='nosotros'] .coverage-split{max-width:1240px;margin-inline:auto;}
body[data-page='nosotros'] .section-decorated::before{
  content:"";
  position:absolute;
  inset:0 auto auto 50%;
  transform:translateX(-50%);
  width:min(1260px,calc(100% - 2.4rem));
  height:100%;
  border-radius:36px;
  background:linear-gradient(180deg,rgba(252,132,3,.035),rgba(252,194,3,.018));
  pointer-events:none;
}
body[data-page='nosotros'] .section-values-alt .values-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:1.15rem;
}
body[data-page='nosotros'] .section-values-alt .value-card{
  grid-column:span 3;
  min-height:290px !important;
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  box-shadow:var(--ticnix-shadow);
  border-radius:28px !important;
  padding:1.35rem !important;
}
body[data-page='nosotros'] .section-values-alt .value-card:nth-child(4n+1),
body[data-page='nosotros'] .section-values-alt .value-card:nth-child(4n+4){background:linear-gradient(180deg,#fff,rgba(252,132,3,.035)) !important;}
body[data-page='nosotros'] .section-values-alt .value-card .icon,
body[data-page='nosotros'] #valor-agregado .value-card .icon,
body[data-page='nosotros'] .soft-card > i{
  width:58px;height:58px;border-radius:18px;
  background:rgba(252,132,3,.10) !important;
  border:1px solid rgba(252,132,3,.08);
  box-shadow:none !important;
}
body[data-page='nosotros'] .section-values-alt .value-card .icon i,
body[data-page='nosotros'] #valor-agregado .value-card .icon i,
body[data-page='nosotros'] .soft-card > i{color:var(--ticnix-orange-2) !important;}
body[data-page='nosotros'] .section-values-alt .value-card h3,
body[data-page='nosotros'] #valor-agregado .value-card h3{color:var(--ticnix-orange-2) !important;}
body[data-page='nosotros'] .section-values-alt .value-card > p{display:none !important;}
body[data-page='nosotros'] .section-values-alt .value-card .hover-copy{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:.2rem !important;
  pointer-events:auto !important;
}
body[data-page='nosotros'] .section-values-alt .value-card .hover-copy::before,
body[data-page='nosotros'] .section-values-alt .value-card .hover-copy::after,
body[data-page='nosotros'] #valor-agregado .value-card .hover-copy::before,
body[data-page='nosotros'] #valor-agregado .value-card .hover-copy::after{display:none !important;}
body[data-page='nosotros'] .section-values-alt .value-card .hover-copy h4,
body[data-page='nosotros'] #valor-agregado .value-card .hover-copy h4{display:none !important;}
body[data-page='nosotros'] .section-values-alt .value-card .hover-copy p,
body[data-page='nosotros'] #valor-agregado .value-card .hover-copy p{color:var(--ticnix-text) !important;line-height:1.68 !important;}
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon,
body[data-page='nosotros'] .soft-card:hover > i{background:rgba(255,255,255,.18) !important;border-color:rgba(255,255,255,.18) !important;}
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon i,
body[data-page='nosotros'] .soft-card:hover > i{color:#fff !important;}

body[data-page='nosotros'] .section-value-added-alt .values-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.2rem;
}
body[data-page='nosotros'] .section-value-added-alt .value-card{
  min-height:260px !important;
  padding:1.45rem !important;
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  border-radius:30px !important;
  box-shadow:var(--ticnix-shadow);
}
body[data-page='nosotros'] .section-value-added-alt .value-card > p{display:block !important;color:var(--ticnix-text) !important;}
body[data-page='nosotros'] .section-value-added-alt .value-card .hover-copy{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
  box-shadow:none !important;
  padding:0 !important;
  margin-top:.7rem !important;
}
body[data-page='nosotros'] .section-value-added-alt .value-card .hover-copy h4{display:none !important;}
body[data-page='nosotros'] .section-value-added-alt .value-card .hover-copy p{color:var(--ticnix-text) !important;line-height:1.68 !important;}
body[data-page='nosotros'] .section-value-added-alt .value-card:hover > p,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .hover-copy p{color:#fff !important;}

body[data-page='nosotros'] .soft-card,
body[data-page='nosotros'] .coverage-map,
body[data-page='nosotros'] .coverage-copy{border-radius:30px !important;box-shadow:var(--ticnix-shadow);}
body[data-page='nosotros'] .coverage-copy{background:#fff;border:1px solid var(--ticnix-border);padding:1.55rem;border-radius:30px;}
body[data-page='nosotros'] .coverage-item{background:rgba(252,132,3,.075);border:1px solid rgba(252,132,3,.1);}
body[data-page='nosotros'] .coverage-item:hover{background:var(--ticnix-grad) !important;}
body[data-page='nosotros'] .coverage-item:hover *{color:#fff !important;}
body[data-page='nosotros'] .section-coverage-band .coverage-split{align-items:stretch;}

/* Footer modern */
#contacto-footer{
  position:relative;
  margin-top:1.6rem;
  background:linear-gradient(180deg,#5b5b5b 0%, #494949 100%);
  color:#fff;
  padding:2.2rem 1.2rem 1.2rem;
}
#contacto-footer .footer-inner{max-width:1300px;margin:0 auto;}
#contacto-footer .footer-grid-modern{
  display:grid !important;
  grid-template-columns:1.2fr .9fr 1fr 1.25fr;
  gap:1.45rem !important;
  align-items:start;
}
#contacto-footer h3{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:.42rem .95rem;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
  color:#fff !important;
  font-size:.92rem !important;
  margin:0 0 1rem 0 !important;
  backdrop-filter:blur(6px);
}
#contacto-footer .footer-logo{width:min(200px,82%);max-width:200px;display:block;margin:0 0 .95rem 0;}
#contacto-footer .footer-brand-col{padding-right:.6rem;}
#contacto-footer .footer-brand-col p{max-width:260px;line-height:1.75;color:rgba(255,255,255,.92) !important;margin:0;}
#contacto-footer .footer-menu{display:grid;gap:.75rem;padding:0;margin:0;list-style:none;}
#contacto-footer .footer-menu a,
#contacto-footer .contact-info p,
#contacto-footer .copyright,
#contacto-footer .copyright a,
#contacto-footer .footer-office-link,
#contacto-footer .social a{color:#fff !important;}
#contacto-footer .footer-menu a{opacity:.92;text-decoration:none;}
#contacto-footer .footer-menu a:hover{opacity:1;transform:translateX(3px);display:inline-block;}
#contacto-footer .contact-info{display:grid;gap:.7rem;margin-bottom:1rem;}
#contacto-footer .contact-info p{display:flex;gap:.7rem;align-items:flex-start;margin:0;line-height:1.55;}
#contacto-footer .contact-info i{color:#fff !important;opacity:.95;margin-top:.12rem;}
#contacto-footer .footer-office-link{
  display:inline-flex;align-items:center;gap:.7rem;
  text-decoration:none;padding:.9rem 1rem;border-radius:18px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);
}
#contacto-footer .footer-office-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.14);}
#contacto-footer .social{display:flex;flex-wrap:wrap;gap:.7rem;margin:.15rem 0 .8rem;}
#contacto-footer .social a{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);text-decoration:none;}
#contacto-footer .social a:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);}
#contacto-footer .footer-hours{display:block !important;font-size:.84rem;opacity:.92;margin:.1rem 0 1rem !important;line-height:1.5;}
#contacto-footer .footer-action-buttons{display:grid;gap:.7rem;}
#contacto-footer .footer-action-btn{
  display:flex;align-items:center;justify-content:flex-start;gap:.72rem;
  text-decoration:none;border-radius:18px;padding:.95rem 1rem;
  background:#fff;color:var(--ticnix-orange-2) !important;border:1px solid rgba(255,255,255,.14);
  font-weight:700;box-shadow:0 12px 24px rgba(0,0,0,.12);
}
#contacto-footer .footer-action-btn i,
#contacto-footer .footer-action-btn span{color:var(--ticnix-orange-2) !important;}
#contacto-footer .footer-action-btn:hover{transform:translateY(-2px) scale(1.01);background:#fff5ee;}
#contacto-footer .copyright{
  margin-top:1.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);text-align:center;opacity:.95;font-size:.92rem;
}

/* Mobile menu fixes */
.mobile-services,
#mobileServicesBtn,
#mobileServicesSub,
.mobile-nested-toggle,
.mobile-nested-list,
.mobile-nested-list a,
#mobileServicesSub > a{background:#fff !important;}
#mobileServicesBtn,
#mobileServicesBtn span,
#mobileServicesSub > a,
#mobileServicesSub > a span,
.mobile-nested-toggle,
.mobile-nested-main,
.mobile-nested-main span,
.mobile-caret,
.mobile-nested-list a,
.mobile-nested-list a span{color:var(--ticnix-text) !important;}
.mobile-nested-list a:hover,
.mobile-nested-toggle:hover,
#mobileServicesSub > a:hover{background:linear-gradient(135deg,rgba(252,132,3,.08),rgba(252,194,3,.14)) !important;}

@media (max-width:1100px){
  body[data-page='index'] .soluciones-grid > a.card{grid-column:span 6 !important;}
  #contacto-footer .footer-grid-modern{grid-template-columns:1fr 1fr;}
  body[data-page='nosotros'] .section-values-alt .value-card{grid-column:span 4;}
}
@media (max-width:900px){
  body[data-page='index'] .soluciones-grid,
  body[data-page='nosotros'] .section-values-alt .values-grid,
  body[data-page='nosotros'] .section-value-added-alt .values-grid{grid-template-columns:1fr !important;}
  body[data-page='index'] .soluciones-grid > a.card,
  body[data-page='nosotros'] .section-values-alt .value-card,
  body[data-page='nosotros'] .section-value-added-alt .value-card{grid-column:auto !important;}
  body[data-page='index'] .feature-band .talento-cta{grid-template-columns:1fr !important;}
  body[data-page='index'] .feature-band .cta-copy h2{max-width:none;}
  body[data-page='index'] .video-box,
  body[data-page='index'] .cta-image-slider{aspect-ratio:16/10;min-height:320px;}
  body[data-page='nosotros'] .hero-media video,
  body[data-page='nosotros'] .hero-media .nosotros-video{min-height:370px !important;height:370px !important;}
}
@media (max-width:680px){
  #contacto-footer .footer-grid-modern{grid-template-columns:1fr;gap:1.2rem !important;}
  #contacto-footer .footer-logo{width:min(210px,70%);}
  body[data-page='index'] .benefit-card{min-height:auto;}
}


/* === FINAL V3 ADJUSTMENTS === */
:root{
  --ticnix-orange-1:#FC8403;
  --ticnix-orange-2:#FCAD03;
  --ticnix-orange-3:#FCC203;
  --ticnix-yellow:#FFD56A;
  --ticnix-grad:linear-gradient(135deg,var(--ticnix-orange-1) 0%, var(--ticnix-orange-2) 52%, var(--ticnix-orange-3) 100%);
}

/* Slower, more expressive counter cards */
body[data-page='index'] .stats .stat{
  overflow:hidden;
}
body[data-page='index'] .stats .stat-number{
  display:inline-block;
  will-change:transform,opacity;
}

/* Why Ticnix: keep white info box on hover */
body[data-page='index'] .card-why{
  min-height:295px;
}
body[data-page='index'] .card-why .extra{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.10);
}
body[data-page='index'] .card-why:hover .extra,
body[data-page='index'] .card-why:hover .extra *{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
}

/* Soluciones integrales: 2 centered + 3 below */
body[data-page='index'] .soluciones-grid{
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(1){
  grid-column:3 / span 4 !important;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(2){
  grid-column:7 / span 4 !important;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(3){
  grid-column:1 / span 4 !important;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(4){
  grid-column:5 / span 4 !important;
}
body[data-page='index'] .soluciones-grid > a.card:nth-child(5){
  grid-column:9 / span 4 !important;
}
body[data-page='index'] .soluciones-grid > a.card:hover{
  background:var(--ticnix-grad) !important;
  border-color:rgba(255,255,255,.18) !important;
}
body[data-page='index'] .soluciones-grid > a.card:hover h3,
body[data-page='index'] .soluciones-grid > a.card:hover p,
body[data-page='index'] .soluciones-grid > a.card:hover i{
  color:#fff !important;
}
body[data-page='index'] .soluciones-grid > a.card:hover i{
  background:rgba(255,255,255,.18) !important;
}
body[data-page='index'] .soluciones-grid > a.card:hover::after{
  background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%) !important;
}

/* Cases of use icons centered */
body[data-page='index'] .casos-beneficios-grid .benefit-card{
  text-align:center;
  align-items:center;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card > i{
  margin-inline:auto;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card h3,
body[data-page='index'] .casos-beneficios-grid .benefit-card p,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover{
  text-align:center;
}

/* Feature bands buttons stay bright white/orange */
body[data-page='index'] .feature-band .cta-buttons{
  margin-top:1rem;
}
body[data-page='index'] .feature-band .cta-buttons .btn-primary,
body[data-page='index'] .feature-band .cta-buttons .btn-primary *{
  color:var(--ticnix-orange-1) !important;
}

/* Footer compact switcher */
#contacto-footer .footer-actions-col{
  position:relative;
}
#contacto-footer .footer-action-switcher{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px;
  gap:.55rem;
  align-items:stretch;
}
#contacto-footer .footer-action-main{
  min-width:0;
}
#contacto-footer .footer-action-toggle{
  border:none;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 24px rgba(0,0,0,.12);
  cursor:pointer;
  transition:transform .25s ease, background .25s ease;
}
#contacto-footer .footer-action-toggle i{
  color:var(--ticnix-orange-2) !important;
  transition:transform .25s ease;
}
#contacto-footer .footer-action-switcher.is-open .footer-action-toggle i{
  transform:rotate(180deg);
}
#contacto-footer .footer-action-toggle:hover{
  transform:translateY(-2px);
  background:#fff5ee;
}
#contacto-footer .footer-action-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + .55rem);
  display:grid;
  gap:.55rem;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
  z-index:15;
}
#contacto-footer .footer-action-switcher.is-open .footer-action-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
#contacto-footer .footer-action-menu .footer-action-btn{
  background:#fff;
}
#contacto-footer .footer-action-buttons{
  display:none !important;
}

/* Nosotros hover color correction */
body[data-page='nosotros'] .section-values-alt .value-card:hover,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover{
  background:var(--ticnix-grad) !important;
}
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .icon{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.18) !important;
}
body[data-page='nosotros'] .section-values-alt .value-card:hover h3,
body[data-page='nosotros'] .section-values-alt .value-card:hover p,
body[data-page='nosotros'] .section-values-alt .value-card:hover .hover-copy p,
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon i,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover h3,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover > p,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .hover-copy p,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .icon i{
  color:#fff !important;
}

@media (max-width:1100px){
  body[data-page='index'] .soluciones-grid > a.card:nth-child(1),
  body[data-page='index'] .soluciones-grid > a.card:nth-child(2),
  body[data-page='index'] .soluciones-grid > a.card:nth-child(3),
  body[data-page='index'] .soluciones-grid > a.card:nth-child(4),
  body[data-page='index'] .soluciones-grid > a.card:nth-child(5){
    grid-column:span 6 !important;
  }
}
@media (max-width:680px){
  #contacto-footer .footer-action-switcher{
    grid-template-columns:minmax(0,1fr) 48px;
  }
  #contacto-footer .footer-action-menu{
    position:static;
    transform:none;
    max-height:0;
    overflow:hidden;
    opacity:1;
    visibility:visible;
    transition:max-height .28s ease;
    grid-column:1/-1;
  }
  #contacto-footer .footer-action-switcher.is-open .footer-action-menu{
    max-height:260px;
  }
}

/* === FINAL V4 ADJUSTMENTS === */
/* Scroll reveal should reactivate both up and down */
.reveal,
[data-reveal]{
  transform-origin:center center;
}

/* Hero counters smoother and fully visible */
body[data-page='index'] .hero .stats{
  grid-template-columns:repeat(4,minmax(156px,1fr)) !important;
  gap:1.15rem 1.2rem !important;
  overflow:visible !important;
  max-width:920px !important;
}
body[data-page='index'] .hero .stats .stat{
  overflow:visible !important;
  max-width:none !important;
  padding-inline:.45rem !important;
}
body[data-page='index'] .hero .stats .stat .stat-number{
  width:132px !important;
  height:132px !important;
  min-width:132px !important;
  min-height:132px !important;
  max-width:132px !important;
  max-height:132px !important;
  flex-basis:132px !important;
  margin:0 auto .7rem auto !important;
  transition:transform .35s ease, opacity .35s ease, filter .35s ease;
  backface-visibility:hidden;
}
body[data-page='index'] .hero .stats .stat.is-counting .stat-number{
  filter:blur(0);
}
body[data-page='index'] .hero .stats .stat .stat-label{
  max-width:150px !important;
}

/* Soluciones hover stays orange gradient */
body[data-page='index'] .soluciones-grid > a.card:hover,
body[data-page='index'] .soluciones-grid > a.card:focus-visible{
  background:var(--ticnix-grad) !important;
}
body[data-page='index'] .soluciones-grid > a.card:hover p,
body[data-page='index'] .soluciones-grid > a.card:hover h3,
body[data-page='index'] .soluciones-grid > a.card:hover i,
body[data-page='index'] .soluciones-grid > a.card:hover *{
  color:#fff !important;
}

/* Casos de uso: all three cards same hover */
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active{
  background:var(--ticnix-grad) !important;
  border-color:rgba(255,255,255,.18) !important;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover > i,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active > i{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover h3,
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover p,
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover .benefit-hover,
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover .benefit-summary,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active h3,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active p,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active .benefit-hover,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active .benefit-summary,
body[data-page='index'] .casos-beneficios-grid .benefit-card:hover *,
body[data-page='index'] .casos-beneficios-grid .benefit-card.active *{
  color:#fff !important;
}

/* Footer simplified single WhatsApp button */
#contacto-footer{padding-bottom:1rem !important;}
#contacto-footer .footer-actions-col{display:flex;flex-direction:column;align-items:flex-start;}
#contacto-footer .footer-action-switcher,
#contacto-footer .footer-action-menu,
#contacto-footer .footer-action-toggle,
#contacto-footer .footer-action-main,
#contacto-footer .footer-action-option,
#contacto-footer .footer-action-buttons{display:none !important;}
#contacto-footer .footer-action-btn--compact{
  order:1;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:.62rem;
  padding:.8rem 1rem !important;
  min-height:0 !important;
  border-radius:16px !important;
  font-size:.95rem !important;
  box-shadow:0 10px 22px rgba(0,0,0,.12) !important;
  margin:0 0 .75rem 0 !important;
}
#contacto-footer .footer-hours{order:2;margin:.1rem 0 .8rem !important;}
#contacto-footer .social{order:3;margin:.1rem 0 0 !important;}
#contacto-footer .footer-actions-col .social a{width:40px;height:40px;border-radius:13px;}

/* Nosotros mission/vision accordion */
body[data-page='nosotros'] .mission-vision-section .cards-2x2{
  gap:1.2rem;
}
body[data-page='nosotros'] .mission-card{
  padding:0 !important;
  overflow:hidden;
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  box-shadow:var(--ticnix-shadow);
}
body[data-page='nosotros'] .mission-toggle{
  width:100%;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1.2rem 1.3rem;
  cursor:pointer;
  text-align:left;
}
body[data-page='nosotros'] .mission-head{
  display:flex;
  align-items:center;
  gap:.85rem;
}
body[data-page='nosotros'] .mission-head i,
body[data-page='nosotros'] .mission-caret i{
  color:var(--ticnix-orange-2) !important;
  transition:color .28s ease, transform .28s ease;
}
body[data-page='nosotros'] .mission-title{
  font-size:1.28rem;
  font-weight:800;
  color:var(--ticnix-orange-2);
}
body[data-page='nosotros'] .mission-body{
  max-height:0;
  overflow:hidden;
  transition:max-height .4s ease, padding .32s ease, background .32s ease;
  padding:0 1.3rem;
}
body[data-page='nosotros'] .mission-card.is-open{
  background:var(--ticnix-grad) !important;
}
body[data-page='nosotros'] .mission-card.is-open .mission-toggle{
  color:#fff !important;
}
body[data-page='nosotros'] .mission-card.is-open .mission-title,
body[data-page='nosotros'] .mission-card.is-open .mission-head i,
body[data-page='nosotros'] .mission-card.is-open .mission-caret i,
body[data-page='nosotros'] .mission-card.is-open .mission-body p{
  color:#fff !important;
}
body[data-page='nosotros'] .mission-card.is-open .mission-caret i{
  transform:rotate(180deg);
}
body[data-page='nosotros'] .mission-card.is-open .mission-body{
  max-height:420px;
  padding:0 1.3rem 1.25rem;
}
body[data-page='nosotros'] .mission-body p{
  line-height:1.72;
  margin:0;
}

/* Nosotros hover force icon and text to white */
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon,
body[data-page='nosotros'] .section-values-alt .value-card:hover .icon *,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .icon,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .icon *{
  color:#fff !important;
}
body[data-page='nosotros'] .section-values-alt .value-card:hover > p,
body[data-page='nosotros'] .section-values-alt .value-card:hover .hover-copy p,
body[data-page='nosotros'] .section-values-alt .value-card:hover h3,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover > p,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover .hover-copy p,
body[data-page='nosotros'] .section-value-added-alt .value-card:hover h3{
  color:#fff !important;
}

@media (max-width:900px){
  body[data-page='index'] .hero .stats{
    grid-template-columns:repeat(2,minmax(132px,1fr)) !important;
    max-width:480px !important;
  }
  body[data-page='index'] .hero .stats .stat .stat-number{
    width:118px !important;
    height:118px !important;
    min-width:118px !important;
    min-height:118px !important;
    max-width:118px !important;
    max-height:118px !important;
    flex-basis:118px !important;
  }
}
@media (max-width:560px){
  body[data-page='index'] .hero .stats{
    grid-template-columns:repeat(2,minmax(118px,1fr)) !important;
    max-width:330px !important;
  }
  body[data-page='index'] .hero .stats .stat .stat-number{
    width:104px !important;
    height:104px !important;
    min-width:104px !important;
    min-height:104px !important;
    max-width:104px !important;
    max-height:104px !important;
    flex-basis:104px !important;
  }
  body[data-page='nosotros'] .mission-title{font-size:1.12rem;}
}

/* === FINAL V5 NOSOTROS FIXES === */
/* Mission/Vision should not stretch the sibling card */
body[data-page='nosotros'] .mission-vision-grid{
  align-items:start !important;
}
body[data-page='nosotros'] .mission-vision-grid .mission-card{
  align-self:start !important;
  height:auto !important;
}
body[data-page='nosotros'] .mission-vision-grid .mission-body{
  display:block !important;
}

/* Valores: icon must turn white on hover just like title/text */
body[data-page='nosotros'] #valores .value-card:hover,
body[data-page='nosotros'] #valores .value-card:focus-within{
  background:var(--ticnix-grad) !important;
}
body[data-page='nosotros'] #valores .value-card:hover .icon,
body[data-page='nosotros'] #valores .value-card:focus-within .icon{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#fff !important;
}
body[data-page='nosotros'] #valores .value-card:hover .icon i,
body[data-page='nosotros'] #valores .value-card:focus-within .icon i,
body[data-page='nosotros'] #valores .value-card:hover .icon i::before,
body[data-page='nosotros'] #valores .value-card:focus-within .icon i::before{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}
body[data-page='nosotros'] #valores .value-card:hover h3,
body[data-page='nosotros'] #valores .value-card:hover > p,
body[data-page='nosotros'] #valores .value-card:hover .hover-copy p,
body[data-page='nosotros'] #valores .value-card:focus-within h3,
body[data-page='nosotros'] #valores .value-card:focus-within > p,
body[data-page='nosotros'] #valores .value-card:focus-within .hover-copy p{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Valor agregado: icon + paragraph must behave exactly like Casos de uso */
body[data-page='nosotros'] #valor-agregado .value-card:hover,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within{
  background:var(--ticnix-grad) !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within .icon{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#fff !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon i::before,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within .icon i::before{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:hover h3,
body[data-page='nosotros'] #valor-agregado .value-card:hover > p,
body[data-page='nosotros'] #valor-agregado .value-card:hover .hover-copy p,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within h3,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > p,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within .hover-copy p{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* === FINAL V6: nosotros icon visibility + footer social alignment === */
/* The global stylesheet fades out .value-card > .icon on hover; keep it visible here */
body[data-page='nosotros'] #valores .value-card:hover > .icon,
body[data-page='nosotros'] #valores .value-card:focus-within > .icon,
body[data-page='nosotros'] #valor-agregado .value-card:hover > .icon,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > .icon{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
body[data-page='nosotros'] #valores .value-card:hover > .icon i,
body[data-page='nosotros'] #valores .value-card:focus-within > .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:hover > .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > .icon i,
body[data-page='nosotros'] #valores .value-card:hover > .icon i::before,
body[data-page='nosotros'] #valores .value-card:focus-within > .icon i::before,
body[data-page='nosotros'] #valor-agregado .value-card:hover > .icon i::before,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > .icon i::before{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 0 0 #fff !important;
}
body[data-page='nosotros'] #valores .value-card:hover > .icon,
body[data-page='nosotros'] #valores .value-card:focus-within > .icon,
body[data-page='nosotros'] #valor-agregado .value-card:hover > .icon,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > .icon{
  background:rgba(255,255,255,.18) !important;
  border-color:rgba(255,255,255,.28) !important;
  box-shadow:none !important;
}

/* Footer social icons centered and matched to index */
#contacto-footer .footer-actions-col .social{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.7rem;
  margin:.15rem 0 0 !important;
}
#contacto-footer .footer-actions-col .social a{
  display:flex;
  align-items:center;
  justify-content:center;
}


/* Final footer match for index + nosotros */
#contacto-footer .footer-actions-col .social{
  width:100%;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.72rem !important;
}
#contacto-footer .footer-actions-col .social a{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body[data-page='nosotros'] .cta-section.footer-prelude{
  padding-top:4.6rem;
  padding-bottom:4.8rem;
}
body[data-page='nosotros'] .cta-section.footer-prelude .btn-primary{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border:2px solid rgba(255,255,255,.2) !important;
}


/* === CONTACTO UNIFICADO FINAL === */

body[data-page='contacto'] .hero-split{padding-bottom:4.2rem;}
body[data-page='contacto'] .section-divider-top::before{top:-1.1rem;}
body[data-page='contacto'] .footer-prelude::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);
  width:min(1180px,calc(100% - 2.4rem));height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),rgba(84,84,84,.14),rgba(255,255,255,.5),transparent);
  bottom:-1.35rem;
}
body[data-page='contacto'] .contact-location-layout{
  max-width:1240px;margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.25rem;align-items:stretch;
}
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .presence-side-card{
  border-radius:30px !important;border:1px solid var(--ticnix-border) !important;box-shadow:var(--ticnix-shadow);
  background:#fff !important;padding:1.45rem !important;
}
body[data-page='contacto'] .office-location-card--full{display:flex;flex-direction:column;min-height:100%;}
body[data-page='contacto'] .office-location-card--full p{color:var(--ticnix-text) !important;line-height:1.72;}
body[data-page='contacto'] .office-mini-map--inline{margin:1rem 0 1rem !important;border-radius:24px;overflow:hidden;min-height:300px;background:#fff;box-shadow:0 16px 34px rgba(84,84,84,.10);}
body[data-page='contacto'] .office-mini-map--inline iframe{width:100%;height:300px;border:0;display:block;}
body[data-page='contacto'] .office-data-list{display:grid;gap:.65rem;margin:.1rem 0 1rem;}
body[data-page='contacto'] .office-data-item{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem .95rem;border-radius:18px;background:rgba(252,132,3,.06);border:1px solid rgba(252,132,3,.10);color:var(--ticnix-text) !important;line-height:1.55;}
body[data-page='contacto'] .office-data-item i{color:var(--ticnix-orange-2) !important;margin-top:.15rem;}
body[data-page='contacto'] .presence-side-card{display:flex;flex-direction:column;justify-content:flex-start;}
body[data-page='contacto'] .presence-side-card > p{color:var(--ticnix-text) !important;line-height:1.72;margin:0 0 1rem;}
body[data-page='contacto'] .presence-side-list{display:grid;gap:.8rem;}
body[data-page='contacto'] .presence-side-item{
  display:grid;grid-template-columns:54px 1fr;gap:.85rem;align-items:flex-start;
  padding:1rem;border-radius:22px;background:#fff;border:1px solid var(--ticnix-border);box-shadow:0 12px 28px rgba(84,84,84,.06);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease, border-color .3s ease;
}
body[data-page='contacto'] .presence-side-icon{
  width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  background:rgba(252,132,3,.10);color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .presence-side-item h3{margin:0 0 .35rem;font-size:1.05rem;color:var(--text) !important;}
body[data-page='contacto'] .presence-side-item p{margin:0;color:var(--ticnix-text) !important;line-height:1.65;}
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .presence-side-item:hover{
  background:var(--ticnix-grad) !important;transform:translateY(-6px);box-shadow:var(--ticnix-shadow-strong) !important;border-color:rgba(255,255,255,.18) !important;
}
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .presence-side-item:hover *{color:#fff !important;}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon{
  background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.2) !important;color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-mini-map--inline{box-shadow:0 18px 36px rgba(84,84,84,.14);}
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  border-radius:30px !important;border:1px solid var(--ticnix-border) !important;box-shadow:var(--ticnix-shadow);background:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px rgba(84,84,84,.14);} 
body[data-page='contacto'] .contact-cta-section{border-radius:0 !important;}
body[data-page='contacto'] #contacto-footer .social{display:flex !important;justify-content:flex-start;align-items:center;gap:.7rem;margin-top:.1rem !important;}
body[data-page='contacto'] #contacto-footer .social a,
body[data-page='index'] #contacto-footer .social a,
body[data-page='nosotros'] #contacto-footer .social a{
  width:42px !important;height:42px !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact,
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact *,
body[data-page='index'] #contacto-footer .footer-action-btn--compact,
body[data-page='index'] #contacto-footer .footer-action-btn--compact *,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact *{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact{background:#fff !important;}
body[data-page='contacto'] #contacto-footer .footer-grid-modern,
body[data-page='index'] #contacto-footer .footer-grid-modern,
body[data-page='nosotros'] #contacto-footer .footer-grid-modern{align-items:start;}
@media (max-width:980px){
  body[data-page='contacto'] .contact-location-layout{grid-template-columns:1fr;}
  body[data-page='contacto'] .office-mini-map--inline,body[data-page='contacto'] .office-mini-map--inline iframe{min-height:260px;height:260px;}
}

/* === FINAL CONTACTO POLISH V2 === */
body[data-page='contacto'] .page-section{padding-top:3.6rem !important;padding-bottom:3.6rem !important;}
body[data-page='contacto'] .contact-hero-split.page-section{padding-top:8.9rem !important;padding-bottom:3.9rem !important;}
body[data-page='contacto'] .icon-badge{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:1rem !important;
  margin-bottom:.78rem !important;
  box-shadow:0 8px 18px rgba(252,132,3,.18) !important;
}
body[data-page='contacto'] .presence-side-icon{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:1rem !important;
}
body[data-page='contacto'] .contact-location-layout{
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr) !important;
  gap:1.1rem !important;
  align-items:start !important;
}
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .presence-side-card,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  padding:1.28rem 1.22rem !important;
  border-radius:28px !important;
}
body[data-page='contacto'] .office-location-card--full p,
body[data-page='contacto'] .presence-side-card > p,
body[data-page='contacto'] .contact-form-card > p,
body[data-page='contacto'] .calendar-card > p{
  margin-bottom:.9rem !important;
}
body[data-page='contacto'] .office-mini-map--inline{margin:.8rem 0 .8rem !important;border-radius:20px !important;}
body[data-page='contacto'] .office-mini-map--inline iframe{height:250px !important;}
body[data-page='contacto'] .office-data-list{gap:.55rem !important;margin:0 0 .72rem !important;}
body[data-page='contacto'] .office-data-item{
  padding:.72rem .84rem !important;
  border-radius:16px !important;
}
body[data-page='contacto'] .office-location-card--full .btn{
  margin-top:.08rem !important;
  align-self:flex-start !important;
}
body[data-page='contacto'] .contact-form-actions .btn,
body[data-page='contacto'] .hero-actions .btn,
body[data-page='contacto'] .office-location-card--full .btn,
body[data-page='contacto'] .contact-cta-section .btn{
  min-height:44px !important;
  padding:.78rem 1.1rem !important;
  font-size:.94rem !important;
  border-radius:999px !important;
}

/* Solo mantener hover en presencia de otros estados */
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease !important;
}
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  transform:none !important;
  box-shadow:var(--ticnix-shadow) !important;
  background:#fff !important;
  border-color:var(--ticnix-border) !important;
}
body[data-page='contacto'] .office-location-card--full:hover h3,
body[data-page='contacto'] .office-location-card--full:hover p,
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item span,
body[data-page='contacto'] .office-location-card--full:hover .btn,
body[data-page='contacto'] .office-location-card--full:hover .btn i{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag{
  color:#b85e00 !important;
  background:#fff1e2 !important;
  border-color:#ffd2a7 !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i{
  color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i{
  background:rgba(252,132,3,.06) !important;
  border-color:rgba(252,132,3,.10) !important;
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{color:inherit !important;}
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .contact-form-card:hover .badge *,
body[data-page='contacto'] .calendar-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge *{color:#b85e00 !important;}

/* CTA igual a index */
body[data-page='contacto'] .contact-cta-section.footer-prelude,
body[data-page='contacto'] .contact-cta-section{
  padding-top:4rem !important;
  padding-bottom:4.4rem !important;
  border-radius:60px 60px 0 0 !important;
}
body[data-page='contacto'] .contact-cta-section .btn-primary{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border:2px solid rgba(255,255,255,.2) !important;
}

/* Footer exactamente en la misma línea del index */
body[data-page='contacto'] #contacto-footer .footer-grid-modern,
body[data-page='index'] #contacto-footer .footer-grid-modern,
body[data-page='nosotros'] #contacto-footer .footer-grid-modern{align-items:start !important;}
body[data-page='contacto'] #contacto-footer .social,
body[data-page='index'] #contacto-footer .social,
body[data-page='nosotros'] #contacto-footer .social{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.7rem !important;
  margin:.15rem 0 .8rem !important;
}
body[data-page='contacto'] #contacto-footer .social a,
body[data-page='index'] #contacto-footer .social a,
body[data-page='nosotros'] #contacto-footer .social a{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  padding:0 !important;
  text-decoration:none !important;
}
body[data-page='contacto'] #contacto-footer .social a i,
body[data-page='index'] #contacto-footer .social a i,
body[data-page='nosotros'] #contacto-footer .social a i{font-size:1rem !important;color:#fff !important;}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact,
body[data-page='index'] #contacto-footer .footer-action-btn--compact,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact{
  min-height:46px !important;
  padding:.78rem 1rem !important;
  border-radius:999px !important;
  font-size:.94rem !important;
  gap:.6rem !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact,
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact *,
body[data-page='index'] #contacto-footer .footer-action-btn--compact,
body[data-page='index'] #contacto-footer .footer-action-btn--compact *,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact *{
  color:var(--ticnix-orange-2) !important;
}

@media (max-width:980px){
  body[data-page='contacto'] .contact-location-layout{grid-template-columns:1fr !important;gap:1rem !important;}
  body[data-page='contacto'] .office-mini-map--inline iframe{height:230px !important;}
}
@media (max-width:680px){
  body[data-page='contacto'] .page-section{padding-top:3rem !important;padding-bottom:3rem !important;}
  body[data-page='contacto'] .contact-hero-split.page-section{padding-top:8.3rem !important;}
  body[data-page='contacto'] .icon-badge,
  body[data-page='contacto'] .presence-side-icon{width:42px !important;height:42px !important;border-radius:13px !important;font-size:.95rem !important;}
}

/* === FINAL CONTACT POLISH V3 === */
body[data-page='contacto'] .contact-location-layout{
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr) !important;
  gap:1.1rem !important;
  align-items:start !important;
}
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .presence-side-card,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  border-radius:26px !important;
}
body[data-page='contacto'] .office-location-card--full{
  padding:1.3rem 1.3rem 1.15rem !important;
}
body[data-page='contacto'] .presence-side-card,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  padding:1.3rem !important;
}
body[data-page='contacto'] .icon-badge,
body[data-page='contacto'] .presence-side-icon{
  width:46px !important;
  height:46px !important;
  border-radius:14px !important;
  font-size:1rem !important;
}
body[data-page='contacto'] .section-head > p,
body[data-page='contacto'] .presence-side-card > p,
body[data-page='contacto'] .office-location-card--full > p,
body[data-page='contacto'] .contact-form-card > p,
body[data-page='contacto'] .calendar-card > p{
  color:var(--ticnix-text) !important;
}
body[data-page='contacto'] .office-mini-map--inline{
  margin:.7rem 0 .72rem !important;
  border-radius:20px !important;
}
body[data-page='contacto'] .office-mini-map--inline iframe{
  height:240px !important;
}
body[data-page='contacto'] .office-route-btn{
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 14px 28px rgba(252,132,3,.18) !important;
  margin:.05rem 0 .8rem !important;
}
body[data-page='contacto'] .office-route-btn,
body[data-page='contacto'] .office-route-btn i{color:#fff !important;}
body[data-page='contacto'] .office-route-btn:hover{
  transform:translateY(-2px) !important;
  filter:brightness(1.02) !important;
}
body[data-page='contacto'] .office-data-list--secondary{
  margin:0 0 .78rem !important;
}
body[data-page='contacto'] .office-addresses{
  border-top:1px solid rgba(0,0,0,.06) !important;
  margin-top:.15rem !important;
  padding-top:.85rem !important;
}
body[data-page='contacto'] .office-addresses h4{
  margin:0 0 .55rem !important;
  font-size:1rem !important;
  color:var(--text) !important;
}
body[data-page='contacto'] .office-addresses ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  gap:.5rem !important;
}
body[data-page='contacto'] .office-addresses li{
  position:relative !important;
  padding:.7rem .85rem .7rem 2.05rem !important;
  border-radius:16px !important;
  background:#f9f9fb !important;
  border:1px solid rgba(0,0,0,.05) !important;
  color:var(--ticnix-text) !important;
  line-height:1.45 !important;
}
body[data-page='contacto'] .office-addresses li::before{
  content:'•' !important;
  position:absolute !important;
  left:.9rem !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:1.05rem !important;
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .presence-side-list{
  gap:.72rem !important;
}
body[data-page='contacto'] .presence-side-item{
  padding:.85rem .95rem !important;
  border-radius:18px !important;
}
body[data-page='contacto'] .presence-side-item h3{font-size:1rem !important;}
body[data-page='contacto'] .presence-side-item p{font-size:.95rem !important;line-height:1.56 !important;}

/* sin hover en dirección, formulario y agenda */
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  transform:none !important;
  box-shadow:var(--ticnix-shadow) !important;
  background:#fff !important;
  border-color:var(--ticnix-border) !important;
}
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{
  color:inherit !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i,
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i,
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn,
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn i,
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .contact-form-card:hover .badge *,
body[data-page='contacto'] .calendar-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge *{
  color:unset !important;
  background:unset !important;
  border-color:unset !important;
}
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge{
  background:#fff6ee !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag{
  color:#b85e00 !important;
  background:#fff1e2 !important;
  border-color:#ffd2a7 !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i{color:var(--ticnix-orange-2) !important;background:#fff6ee !important;}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item{
  background:rgba(252,132,3,.06) !important;
  border-color:rgba(252,132,3,.10) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i{color:var(--ticnix-orange-2) !important;}
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn,
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn i{
  color:#fff !important;
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
}

/* botones más finos y hover correcto */
body[data-page='contacto'] .contact-form-actions .btn,
body[data-page='contacto'] .hero-actions .btn,
body[data-page='contacto'] .office-location-card--full .btn,
body[data-page='contacto'] .contact-cta-section .btn{
  min-height:42px !important;
  padding:.72rem 1rem !important;
  font-size:.92rem !important;
  border-radius:999px !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary,
body[data-page='contacto'] .hero-actions .btn-primary{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary i,
body[data-page='contacto'] .hero-actions .btn-primary i{color:#fff !important;}
body[data-page='contacto'] .contact-form-actions .btn-outline,
body[data-page='contacto'] .hero-actions .btn-outline,
body[data-page='contacto'] .contact-cta-section .btn-outline{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border:1px solid rgba(252,132,3,.24) !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline i,
body[data-page='contacto'] .hero-actions .btn-outline i,
body[data-page='contacto'] .contact-cta-section .btn-outline i{color:var(--ticnix-orange-2) !important;}
body[data-page='contacto'] .contact-form-actions .btn-outline:hover,
body[data-page='contacto'] .hero-actions .btn-outline:hover,
body[data-page='contacto'] .contact-cta-section .btn-outline:hover{
  background:#fff5ee !important;
  color:var(--ticnix-orange-2) !important;
  border-color:rgba(252,132,3,.34) !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline:hover i,
body[data-page='contacto'] .hero-actions .btn-outline:hover i,
body[data-page='contacto'] .contact-cta-section .btn-outline:hover i{color:var(--ticnix-orange-2) !important;}

/* CTA y footer mismos gestos del index */
body[data-page='contacto'] .contact-cta-section.footer-prelude,
body[data-page='contacto'] .contact-cta-section{
  border-radius:40px 40px 0 0 !important;
  padding-top:3.7rem !important;
  padding-bottom:4rem !important;
}
body[data-page='contacto'] .contact-cta-section .btn-primary,
body[data-page='index'] .cta-section .btn-primary,
body[data-page='nosotros'] .cta-section .btn-primary{
  border-radius:999px !important;
}
body[data-page='contacto'] #contacto-footer .social,
body[data-page='index'] #contacto-footer .social,
body[data-page='nosotros'] #contacto-footer .social{
  justify-content:flex-start !important;
}
body[data-page='contacto'] #contacto-footer .social a,
body[data-page='index'] #contacto-footer .social a,
body[data-page='nosotros'] #contacto-footer .social a{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact,
body[data-page='index'] #contacto-footer .footer-action-btn--compact,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact{
  min-height:44px !important;
  padding:.74rem 1rem !important;
  border-radius:999px !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact,
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact *,
body[data-page='index'] #contacto-footer .footer-action-btn--compact,
body[data-page='index'] #contacto-footer .footer-action-btn--compact *,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact *{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] #contacto-footer .footer-action-btn--compact:hover,
body[data-page='index'] #contacto-footer .footer-action-btn--compact:hover,
body[data-page='nosotros'] #contacto-footer .footer-action-btn--compact:hover{
  background:#fff5ee !important;
}

@media (max-width:980px){
  body[data-page='contacto'] .contact-location-layout{grid-template-columns:1fr !important;}
}
@media (max-width:680px){
  body[data-page='contacto'] .office-location-card--full,
  body[data-page='contacto'] .presence-side-card,
  body[data-page='contacto'] .contact-form-card,
  body[data-page='contacto'] .calendar-card{padding:1.1rem !important;}
  body[data-page='contacto'] .icon-badge,
  body[data-page='contacto'] .presence-side-icon{width:42px !important;height:42px !important;border-radius:13px !important;}
  body[data-page='contacto'] .office-mini-map--inline iframe{height:220px !important;}
}


/* === CONTACTO FINAL V4: sin cambios de color al hover en dirección y formularios === */
body[data-page='contacto'] .icon-badge,
body[data-page='contacto'] .presence-side-icon{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border-radius:14px !important;
  font-size:.98rem !important;
}
body[data-page='contacto'] .icon-badge i,
body[data-page='contacto'] .presence-side-icon i{
  font-size:.98rem !important;
}
body[data-page='contacto'] .office-location-card--full .btn,
body[data-page='contacto'] .contact-form-actions .btn,
body[data-page='contacto'] .hero-actions .btn,
body[data-page='contacto'] .calendar-card .btn,
body[data-page='contacto'] .office-route-btn{
  min-height:40px !important;
  padding:.68rem .96rem !important;
  font-size:.90rem !important;
  line-height:1.2 !important;
}
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  transition:transform .24s ease, box-shadow .24s ease !important;
}
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 18px 34px rgba(84,84,84,.12) !important;
  background:#fff !important;
  border-color:var(--ticnix-border) !important;
}
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{
  color:inherit !important;
}
body[data-page='contacto'] .office-location-card--full:hover .badge,
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge,
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses *,
body[data-page='contacto'] .contact-form-card:hover .badge *,
body[data-page='contacto'] .calendar-card:hover .badge *{
  background:unset !important;
  color:unset !important;
  border-color:unset !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag{
  background:#fff1e2 !important;
  color:#b85e00 !important;
  border-color:#ffd2a7 !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i{
  color:var(--ticnix-orange-2) !important;
  background:rgba(252,132,3,.08) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item{
  background:rgba(252,132,3,.06) !important;
  border-color:rgba(252,132,3,.10) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .office-route-btn,
body[data-page='contacto'] .office-route-btn:hover,
body[data-page='contacto'] .office-route-btn:focus-visible{
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
  color:#fff !important;
  border-color:transparent !important;
}
body[data-page='contacto'] .office-route-btn i,
body[data-page='contacto'] .office-route-btn:hover i,
body[data-page='contacto'] .office-route-btn:focus-visible i{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary,
body[data-page='contacto'] .contact-form-actions .btn-primary:hover,
body[data-page='contacto'] .contact-form-actions .btn-primary:focus-visible,
body[data-page='contacto'] .hero-actions .btn-primary,
body[data-page='contacto'] .hero-actions .btn-primary:hover,
body[data-page='contacto'] .hero-actions .btn-primary:focus-visible{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary i,
body[data-page='contacto'] .contact-form-actions .btn-primary:hover i,
body[data-page='contacto'] .hero-actions .btn-primary i,
body[data-page='contacto'] .hero-actions .btn-primary:hover i{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline,
body[data-page='contacto'] .contact-form-actions .btn-outline:hover,
body[data-page='contacto'] .contact-form-actions .btn-outline:focus-visible,
body[data-page='contacto'] .hero-actions .btn-outline,
body[data-page='contacto'] .hero-actions .btn-outline:hover,
body[data-page='contacto'] .hero-actions .btn-outline:focus-visible{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:rgba(252,132,3,.24) !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline i,
body[data-page='contacto'] .contact-form-actions .btn-outline:hover i,
body[data-page='contacto'] .hero-actions .btn-outline i,
body[data-page='contacto'] .hero-actions .btn-outline:hover i{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn,
body[data-page='contacto'] .calendar-card:hover .btn,
body[data-page='contacto'] .contact-form-card:hover .btn *,
body[data-page='contacto'] .calendar-card:hover .btn *{
  color:inherit !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-primary,
body[data-page='contacto'] .calendar-card:hover .btn-primary{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-primary *,
body[data-page='contacto'] .calendar-card:hover .btn-primary *{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-outline,
body[data-page='contacto'] .calendar-card:hover .btn-outline{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-outline *,
body[data-page='contacto'] .calendar-card:hover .btn-outline *{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .contact-cta-section .cta-buttons{
  display:none !important;
}
body[data-page='contacto'] .contact-cta-section{
  border-radius:34px 34px 0 0 !important;
  padding-top:3.2rem !important;
  padding-bottom:3.25rem !important;
}


/* === CONTACTO FIX V5 === */
/* quitar botones iniciales en hero */
body[data-page='contacto'] .hero-actions{display:none !important;}

/* iconos y botones más pequeños, en línea con nosotros */
body[data-page='contacto'] .icon-badge,
body[data-page='contacto'] .presence-side-icon{
  width:38px !important;
  height:38px !important;
  border-radius:12px !important;
  font-size:.88rem !important;
  box-shadow:none !important;
}
body[data-page='contacto'] .office-data-item i,
body[data-page='contacto'] .contact-kicker i,
body[data-page='contacto'] .badge i{
  font-size:.9rem !important;
}
body[data-page='contacto'] .contact-form-actions .btn,
body[data-page='contacto'] .office-location-card--full .btn,
body[data-page='contacto'] .calendar-card .btn,
body[data-page='contacto'] .footer-action-btn--compact{
  min-height:38px !important;
  padding:.62rem .92rem !important;
  font-size:.88rem !important;
  line-height:1.2 !important;
}
body[data-page='contacto'] .contact-form-actions .btn i,
body[data-page='contacto'] .office-location-card--full .btn i,
body[data-page='contacto'] .calendar-card .btn i,
body[data-page='contacto'] .footer-action-btn--compact i{
  font-size:.88rem !important;
}

/* sin hover de color en dirección principal, otras direcciones y formularios */
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card,
body[data-page='contacto'] .office-addresses li,
body[data-page='contacto'] .office-data-item,
body[data-page='contacto'] .contact-form-actions .btn,
body[data-page='contacto'] .office-route-btn,
body[data-page='contacto'] .contact-form-card .badge,
body[data-page='contacto'] .calendar-card .badge{
  transition:transform .22s ease, box-shadow .22s ease !important;
}
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--ticnix-shadow) !important;
  background:#fff !important;
  border-color:var(--ticnix-border) !important;
}
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{
  color:inherit !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge *,
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item *,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li::before,
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .contact-form-card:hover .badge *,
body[data-page='contacto'] .calendar-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge *{
  background:unset !important;
  border-color:unset !important;
  color:unset !important;
  box-shadow:none !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li{
  background:#f9f9fb !important;
  border-color:rgba(0,0,0,.05) !important;
  color:var(--ticnix-text) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li::before{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item{
  background:rgba(252,132,3,.06) !important;
  border-color:rgba(252,132,3,.10) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-data-item i{
  color:var(--ticnix-orange-2) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag{
  background:#fff1e2 !important;
  border-color:#ffd2a7 !important;
  color:#b85e00 !important;
}
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge{
  background:#fff6ee !important;
}

/* botones del formulario y dirección: mantener color fijo al hover */
body[data-page='contacto'] .office-route-btn,
body[data-page='contacto'] .office-route-btn:hover,
body[data-page='contacto'] .office-route-btn:focus{
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 12px 24px rgba(252,132,3,.16) !important;
  filter:none !important;
}
body[data-page='contacto'] .office-route-btn i,
body[data-page='contacto'] .office-route-btn:hover i,
body[data-page='contacto'] .office-route-btn:focus i,
body[data-page='contacto'] .office-route-btn span,
body[data-page='contacto'] .office-route-btn:hover span,
body[data-page='contacto'] .office-route-btn:focus span{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary,
body[data-page='contacto'] .contact-form-actions .btn-primary:hover,
body[data-page='contacto'] .contact-form-actions .btn-primary:focus{
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
  color:#fff !important;
  border-color:transparent !important;
  filter:none !important;
}
body[data-page='contacto'] .contact-form-actions .btn-primary i,
body[data-page='contacto'] .contact-form-actions .btn-primary:hover i,
body[data-page='contacto'] .contact-form-actions .btn-primary:focus i{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline,
body[data-page='contacto'] .contact-form-actions .btn-outline:hover,
body[data-page='contacto'] .contact-form-actions .btn-outline:focus{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border:1px solid rgba(252,132,3,.24) !important;
  filter:none !important;
}
body[data-page='contacto'] .contact-form-actions .btn-outline i,
body[data-page='contacto'] .contact-form-actions .btn-outline:hover i,
body[data-page='contacto'] .contact-form-actions .btn-outline:focus i{
  color:var(--ticnix-orange-2) !important;
}

/* solo presencia en otros estados conserva hover visual */
body[data-page='contacto'] .presence-side-item{
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease, border-color .28s ease !important;
}
body[data-page='contacto'] .presence-side-item:hover{
  background:var(--ticnix-grad) !important;
  transform:translateY(-5px) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
  border-color:rgba(255,255,255,.18) !important;
}
body[data-page='contacto'] .presence-side-item:hover *,
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon,
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon *{
  color:#fff !important;
}
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.2) !important;
}

/* compactar layout y espacios de contacto */
body[data-page='contacto'] .office-mini-map--inline{
  margin:.55rem 0 .58rem !important;
}
body[data-page='contacto'] .office-mini-map--inline iframe{
  height:220px !important;
}
body[data-page='contacto'] .office-data-list{gap:.45rem !important;margin:0 0 .55rem !important;}
body[data-page='contacto'] .office-addresses{padding-top:.7rem !important;}
body[data-page='contacto'] .office-addresses li{padding:.6rem .78rem .6rem 1.85rem !important;border-radius:14px !important;}
body[data-page='contacto'] .contact-form-grid{gap:.9rem !important;}
body[data-page='contacto'] .contact-form-actions{gap:.7rem !important;}
@media (max-width:680px){
  body[data-page='contacto'] .icon-badge,
  body[data-page='contacto'] .presence-side-icon{width:36px !important;height:36px !important;font-size:.84rem !important;}
  body[data-page='contacto'] .contact-form-actions .btn,
  body[data-page='contacto'] .office-location-card--full .btn,
  body[data-page='contacto'] .footer-action-btn--compact{min-height:37px !important;font-size:.86rem !important;}
}

/* === CONTACT FINAL SAFETY HOVER FIX === */
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  overflow:hidden !important;
}
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  background:linear-gradient(135deg,var(--ticnix-orange-1),var(--ticnix-orange-2)) !important;
  border-color:rgba(252,132,3,.28) !important;
  box-shadow:0 22px 44px rgba(252,132,3,.18) !important;
}
body[data-page='contacto'] .office-location-card--full:hover h2,
body[data-page='contacto'] .office-location-card--full:hover h3,
body[data-page='contacto'] .office-location-card--full:hover h4,
body[data-page='contacto'] .office-location-card--full:hover p,
body[data-page='contacto'] .office-location-card--full:hover li,
body[data-page='contacto'] .office-location-card--full:hover .section-head p,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item span,
body[data-page='contacto'] .contact-form-card:hover h2,
body[data-page='contacto'] .contact-form-card:hover h3,
body[data-page='contacto'] .contact-form-card:hover p,
body[data-page='contacto'] .contact-form-card:hover label,
body[data-page='contacto'] .contact-form-card:hover .contact-form-status,
body[data-page='contacto'] .calendar-card:hover h2,
body[data-page='contacto'] .calendar-card:hover h3,
body[data-page='contacto'] .calendar-card:hover p,
body[data-page='contacto'] .calendar-card:hover .section-head p{
  color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .icon-badge,
body[data-page='contacto'] .office-location-card--full:hover .icon-badge i,
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .contact-form-card:hover .badge *,
body[data-page='contacto'] .calendar-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge *{
  color:#fff !important;
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.28) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .city-tag,
body[data-page='contacto'] .office-location-card--full:hover .city-tag *,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item,
body[data-page='contacto'] .office-location-card--full:hover .office-data-item *,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses li::before{
  color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-addresses,
body[data-page='contacto'] .office-location-card--full:hover .office-addresses h4{
  border-color:rgba(255,255,255,.18) !important;
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover input,
body[data-page='contacto'] .contact-form-card:hover select,
body[data-page='contacto'] .contact-form-card:hover textarea{
  background:#fff !important;
  color:var(--ticnix-text) !important;
  border-color:rgba(255,255,255,.35) !important;
}
body[data-page='contacto'] .contact-form-card:hover input::placeholder,
body[data-page='contacto'] .contact-form-card:hover textarea::placeholder,
body[data-page='contacto'] .contact-form-card:hover select{
  color:#6b7280 !important;
}
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn,
body[data-page='contacto'] .office-location-card--full:hover .office-route-btn i{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-primary,
body[data-page='contacto'] .contact-form-card:hover .btn-primary i{
  color:#fff !important;
}
body[data-page='contacto'] .contact-form-card:hover .btn-outline,
body[data-page='contacto'] .contact-form-card:hover .btn-outline i,
body[data-page='contacto'] .calendar-card:hover .btn-outline,
body[data-page='contacto'] .calendar-card:hover .btn-outline i{
  color:var(--ticnix-orange-2) !important;
}


/* ===== Global footer/header unification for all pages ===== */
#contacto-footer{margin-top:0 !important; padding:2.2rem 1.2rem 1rem !important; background:linear-gradient(180deg,#545454 0%,#4a4a4a 100%) !important;}
#contacto-footer .footer-inner{max-width:1300px;margin:0 auto;}
#contacto-footer .footer-grid-modern{display:grid;grid-template-columns:1.05fr .9fr 1fr 1fr;gap:1.4rem;align-items:start;}
#contacto-footer .footer-brand-col .footer-logo{width:160px;max-width:100%;display:block;margin:0 0 .7rem;}
#contacto-footer .footer-brand-col p{max-width:26ch;color:#fff !important;opacity:.95;}
#contacto-footer h3{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;border-radius:999px;background:rgba(255,255,255,.10);color:#fff !important;font-size:.95rem;margin:0 0 .95rem;}
#contacto-footer .footer-menu{padding:0;margin:0;list-style:none;display:grid;gap:.55rem;}
#contacto-footer .footer-menu a,#contacto-footer .contact-info p,#contacto-footer .copyright,#contacto-footer .copyright a,#contacto-footer .footer-hours{color:#fff !important;}
#contacto-footer .contact-info p{display:flex;gap:.55rem;align-items:flex-start;margin:.25rem 0;opacity:.95;}
#contacto-footer .footer-office-link{display:inline-flex;align-items:center;gap:.6rem;padding:.82rem 1rem;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);color:#fff !important;text-decoration:none;transition:transform .25s ease,background .25s ease;}
#contacto-footer .footer-office-link *{color:#fff !important;}
#contacto-footer .footer-office-link:hover{transform:translateY(-2px);background:rgba(255,255,255,.15);}
#contacto-footer .footer-action-btn--compact{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:.76rem 1rem;border-radius:18px;background:#fff !important;border:none !important;text-decoration:none;box-shadow:0 12px 24px rgba(0,0,0,.12);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
#contacto-footer .footer-action-btn--compact,#contacto-footer .footer-action-btn--compact *{color:var(--ticnix-orange-2) !important;}
#contacto-footer .footer-action-btn--compact:hover{transform:translateY(-2px);background:#fff8f1 !important;}
#contacto-footer .social{display:flex;gap:.65rem;align-items:center;justify-content:flex-start;margin-top:.9rem;}
#contacto-footer .social a{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);transition:transform .25s ease,background .25s ease;}
#contacto-footer .social a i{color:#fff !important;}
#contacto-footer .social a:hover{transform:translateY(-2px);background:rgba(255,255,255,.16);}
#contacto-footer .copyright{margin-top:1.35rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);font-size:.92rem;opacity:.95;}
@media (max-width: 1080px){#contacto-footer .footer-grid-modern{grid-template-columns:1fr 1fr;}}
@media (max-width: 700px){#contacto-footer .footer-grid-modern{grid-template-columns:1fr;} #contacto-footer .social{justify-content:flex-start;}}

/* ===== Global service-page hover unification ===== */
body[data-page='atraccion-talento'] .card,
body[data-page='atraccion-talento'] .simple-card,
body[data-page='atraccion-talento'] .prueba-card,
body[data-page='talentoadministrativo'] .card,
body[data-page='talentoadministrativo'] .benefit-card,
body[data-page='talentoit'] .card,
body[data-page='talentoit'] .benefit-card,
body[data-page='talentoheadhunting'] .card,
body[data-page='talentoheadhunting'] .benefit-card,
body[data-page='talentoheadhunting'] .exec-card,
body[data-page='staffing'] .card,
body[data-page='staffing'] .benefit-card,
body[data-page='administracion-nomina-integral'] .card,
body[data-page='administracion-nomina-integral'] .benefit-card,
body[data-page='capacitacion-coaching'] .card,
body[data-page='capacitacion-coaching'] .format-card,
body[data-page='capacitacion-coaching'] .cta-service{
  transition:transform .33s ease, box-shadow .33s ease, background .33s ease, border-color .33s ease, color .33s ease;
}
body[data-page='atraccion-talento'] .card:hover,
body[data-page='atraccion-talento'] .simple-card:hover,
body[data-page='atraccion-talento'] .prueba-card:hover,
body[data-page='talentoadministrativo'] .card:hover,
body[data-page='talentoadministrativo'] .benefit-card:hover,
body[data-page='talentoit'] .card:hover,
body[data-page='talentoit'] .benefit-card:hover,
body[data-page='talentoheadhunting'] .card:hover,
body[data-page='talentoheadhunting'] .benefit-card:hover,
body[data-page='talentoheadhunting'] .exec-card:hover,
body[data-page='staffing'] .card:hover,
body[data-page='staffing'] .benefit-card:hover,
body[data-page='administracion-nomina-integral'] .card:hover,
body[data-page='administracion-nomina-integral'] .benefit-card:hover,
body[data-page='capacitacion-coaching'] .card:hover,
body[data-page='capacitacion-coaching'] .format-card:hover,
body[data-page='capacitacion-coaching'] .cta-service:hover{
  background:var(--ticnix-grad) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
  transform:translateY(-8px);
}
body[data-page='atraccion-talento'] .card:hover *,
body[data-page='atraccion-talento'] .simple-card:hover *,
body[data-page='atraccion-talento'] .prueba-card:hover *,
body[data-page='talentoadministrativo'] .card:hover *,
body[data-page='talentoadministrativo'] .benefit-card:hover *,
body[data-page='talentoit'] .card:hover *,
body[data-page='talentoit'] .benefit-card:hover *,
body[data-page='talentoheadhunting'] .card:hover *,
body[data-page='talentoheadhunting'] .benefit-card:hover *,
body[data-page='talentoheadhunting'] .exec-card:hover *,
body[data-page='staffing'] .card:hover *,
body[data-page='staffing'] .benefit-card:hover *,
body[data-page='administracion-nomina-integral'] .card:hover *,
body[data-page='administracion-nomina-integral'] .benefit-card:hover *,
body[data-page='capacitacion-coaching'] .card:hover *,
body[data-page='capacitacion-coaching'] .format-card:hover *,
body[data-page='capacitacion-coaching'] .cta-service:hover *{color:#fff !important;}
body[data-page='atraccion-talento'] .card:hover i,
body[data-page='atraccion-talento'] .simple-card:hover i,
body[data-page='atraccion-talento'] .prueba-card:hover .prueba-icon i,
body[data-page='talentoadministrativo'] .card:hover i,
body[data-page='talentoadministrativo'] .benefit-card:hover i,
body[data-page='talentoit'] .card:hover i,
body[data-page='talentoit'] .benefit-card:hover i,
body[data-page='talentoheadhunting'] .card:hover i,
body[data-page='talentoheadhunting'] .benefit-card:hover i,
body[data-page='talentoheadhunting'] .exec-card:hover i,
body[data-page='staffing'] .card:hover i,
body[data-page='staffing'] .benefit-card:hover i,
body[data-page='administracion-nomina-integral'] .card:hover i,
body[data-page='administracion-nomina-integral'] .benefit-card:hover i,
body[data-page='capacitacion-coaching'] .card:hover i,
body[data-page='capacitacion-coaching'] .format-card:hover i,
body[data-page='capacitacion-coaching'] .cta-service:hover i{color:#fff !important;}
body[data-page='atraccion-talento'] .simple-card:hover .btn,
body[data-page='atraccion-talento'] .prueba-card:hover .btn,
body[data-page='talentoadministrativo'] .card:hover .btn,
body[data-page='talentoit'] .card:hover .btn,
body[data-page='talentoheadhunting'] .card:hover .btn,
body[data-page='staffing'] .card:hover .btn,
body[data-page='administracion-nomina-integral'] .card:hover .btn,
body[data-page='capacitacion-coaching'] .card:hover .btn,
body[data-page='capacitacion-coaching'] .format-card:hover .btn{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:#fff !important;
}
body[data-page='atraccion-talento'] .simple-card:hover .btn *,
body[data-page='atraccion-talento'] .prueba-card:hover .btn *,
body[data-page='talentoadministrativo'] .card:hover .btn *,
body[data-page='talentoit'] .card:hover .btn *,
body[data-page='talentoheadhunting'] .card:hover .btn *,
body[data-page='staffing'] .card:hover .btn *,
body[data-page='administracion-nomina-integral'] .card:hover .btn *,
body[data-page='capacitacion-coaching'] .card:hover .btn *,
body[data-page='capacitacion-coaching'] .format-card:hover .btn *{color:var(--ticnix-orange-2) !important;}

/* Service heroes keep original image/logo visuals */
body[data-page='atraccion-talento'] .hero-main-card,
body[data-page='talentoadministrativo'] .hero-main-card,
body[data-page='talentoit'] .hero-main-card,
body[data-page='talentoheadhunting'] .hero-main-card,
body[data-page='staffing'] .hero-main-card,
body[data-page='administracion-nomina-integral'] .hero-main-card,
body[data-page='capacitacion-coaching'] .hero-main-card{overflow:hidden; border-radius:34px; box-shadow:0 26px 52px rgba(252,132,3,.24);} 
body[data-page='atraccion-talento'] .hero-slide img,
body[data-page='talentoadministrativo'] .hero-slide img,
body[data-page='talentoit'] .hero-slide img,
body[data-page='talentoheadhunting'] .hero-slide img,
body[data-page='staffing'] .hero-slide img,
body[data-page='administracion-nomina-integral'] .hero-slide img,
body[data-page='capacitacion-coaching'] .hero-slide img{width:100%;height:100%;object-fit:contain;display:block;padding:2rem;}

/* Atraccion pruebas benefits icon guaranteed */
body[data-page='atraccion-talento'] .pruebas-benefits .icon-badge i{display:inline-flex !important;align-items:center;justify-content:center;}

/* Blogs and privacy just get unified footer/header spacing */
body[data-page='blog'] .section,
body[data-page='aviso-privacidad'] .section{position:relative;}

/* ===== FINAL GLOBAL PASS APR-2026 ===== */
:root{
  --ticnix-footer-grad:linear-gradient(135deg,#fc4503 0%,#fc8403 42%,#fcad03 78%,#fcc203 100%);
}

/* Smoother reveal to avoid jumping */
.reveal,
[data-reveal]{
  filter:none !important;
  transition:opacity .7s ease, transform .7s ease !important;
}
.reveal[data-reveal-dir="up"],
.reveal[data-reveal-dir="down"],
.reveal[data-reveal-dir="left"],
.reveal[data-reveal-dir="right"],
[data-reveal][data-reveal-dir="up"],
[data-reveal][data-reveal-dir="down"],
[data-reveal][data-reveal-dir="left"],
[data-reveal][data-reveal-dir="right"]{
  transform:translateY(24px) !important;
}
.reveal.is-visible,
.reveal.active,
[data-reveal].is-visible{transform:none !important;opacity:1 !important;}

/* Header nested attraction submenu icons: generic orange icons aligned left */
.submenu-panel-attraction a,
#mobileAtraccionSub a{
  display:flex !important;
  align-items:center !important;
  gap:.72rem !important;
}
.submenu-panel-attraction a .submenu-inline-icon,
#mobileAtraccionSub a .mobile-icon{
  width:22px !important;
  min-width:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}
.submenu-panel-attraction a .submenu-inline-icon img,
#mobileAtraccionSub a .mobile-icon img{display:none !important;}
.submenu-panel-attraction a .submenu-inline-icon i,
#mobileAtraccionSub a .mobile-icon i{
  color:var(--ticnix-orange-2) !important;
  font-size:1rem !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
}
.submenu-panel-attraction a span:last-child,
#mobileAtraccionSub a span:last-child{display:inline-flex;align-items:center;}

/* CTA and footer separation */
body:not([data-page='contacto']) .cta-section.footer-prelude{
  margin:0 auto 1.45rem !important;
}
#contacto-footer{
  position:relative;
  margin-top:0 !important;
  padding:2.5rem 1.2rem 1rem !important;
  background:var(--ticnix-footer-grad) !important;
}
#contacto-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(1280px,calc(100% - 2.4rem));
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(84,84,84,.22),rgba(84,84,84,.42),rgba(84,84,84,.22),transparent);
}
#contacto-footer h3{background:rgba(255,255,255,.14) !important;}
#contacto-footer .social a{border-radius:50% !important;}

/* Nosotros value-added first paragraph should stay visible */
body[data-page='nosotros'] #valor-agregado .value-card > p{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:hover > p,
body[data-page='nosotros'] #valor-agregado .value-card:hover .hover-copy p,
body[data-page='nosotros'] #valor-agregado .value-card:hover h3,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon i{color:#fff !important;}

/* Shared service page hovers for cards, roles and tech */
body[data-page='atraccion-talento'] .roles-grid .role-card,
body[data-page='talentoadministrativo'] .roles-grid .role-card,
body[data-page='talentoit'] .roles-grid .role-card,
body[data-page='talentoheadhunting'] .roles-grid .role-card,
body[data-page='staffing'] .roles-grid .role-card,
body[data-page='administracion-nomina-integral'] .roles-grid .role-card,
body[data-page='capacitacion-coaching'] .roles-grid .role-card,
body[data-page='atraccion-talento'] .tech-chip,
body[data-page='talentoadministrativo'] .tech-chip,
body[data-page='talentoit'] .tech-chip,
body[data-page='talentoheadhunting'] .tech-chip,
body[data-page='staffing'] .tech-chip,
body[data-page='administracion-nomina-integral'] .tech-chip,
body[data-page='capacitacion-coaching'] .tech-chip,
body[data-page='staffing'] .shield-card,
body[data-page='administracion-nomina-integral'] .shield-card,
body[data-page='administracion-nomina-integral'] .service-card,
body[data-page='capacitacion-coaching'] .service-card,
body[data-page='capacitacion-coaching'] .value-card,
body[data-page='contacto'] .office-location-card,
body[data-page='contacto'] .presence-side-card,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  transition:transform .32s ease, box-shadow .32s ease, background .32s ease, border-color .32s ease, color .32s ease !important;
}

body[data-page='atraccion-talento'] .roles-grid .role-card:hover,
body[data-page='talentoadministrativo'] .roles-grid .role-card:hover,
body[data-page='talentoit'] .roles-grid .role-card:hover,
body[data-page='talentoheadhunting'] .roles-grid .role-card:hover,
body[data-page='staffing'] .roles-grid .role-card:hover,
body[data-page='administracion-nomina-integral'] .roles-grid .role-card:hover,
body[data-page='capacitacion-coaching'] .roles-grid .role-card:hover,
body[data-page='atraccion-talento'] .tech-chip:hover,
body[data-page='talentoadministrativo'] .tech-chip:hover,
body[data-page='talentoit'] .tech-chip:hover,
body[data-page='talentoheadhunting'] .tech-chip:hover,
body[data-page='staffing'] .tech-chip:hover,
body[data-page='administracion-nomina-integral'] .tech-chip:hover,
body[data-page='capacitacion-coaching'] .tech-chip:hover,
body[data-page='staffing'] .shield-card:hover,
body[data-page='administracion-nomina-integral'] .shield-card:hover,
body[data-page='administracion-nomina-integral'] .service-card:hover,
body[data-page='capacitacion-coaching'] .service-card:hover,
body[data-page='capacitacion-coaching'] .value-card:hover,
body[data-page='contacto'] .office-location-card:hover,
body[data-page='contacto'] .presence-side-card:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  background:var(--ticnix-grad) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
  border-color:rgba(255,255,255,.18) !important;
  transform:translateY(-7px) !important;
}
body[data-page='atraccion-talento'] .roles-grid .role-card:hover *,
body[data-page='talentoadministrativo'] .roles-grid .role-card:hover *,
body[data-page='talentoit'] .roles-grid .role-card:hover *,
body[data-page='talentoheadhunting'] .roles-grid .role-card:hover *,
body[data-page='staffing'] .roles-grid .role-card:hover *,
body[data-page='administracion-nomina-integral'] .roles-grid .role-card:hover *,
body[data-page='capacitacion-coaching'] .roles-grid .role-card:hover *,
body[data-page='staffing'] .shield-card:hover *,
body[data-page='administracion-nomina-integral'] .shield-card:hover *,
body[data-page='administracion-nomina-integral'] .service-card:hover *,
body[data-page='capacitacion-coaching'] .service-card:hover *,
body[data-page='capacitacion-coaching'] .value-card:hover *,
body[data-page='contacto'] .office-location-card:hover *,
body[data-page='contacto'] .presence-side-card:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{color:#fff !important;}
body[data-page='atraccion-talento'] .roles-grid .role-card:hover i,
body[data-page='talentoadministrativo'] .roles-grid .role-card:hover i,
body[data-page='talentoit'] .roles-grid .role-card:hover i,
body[data-page='talentoheadhunting'] .roles-grid .role-card:hover i,
body[data-page='staffing'] .roles-grid .role-card:hover i,
body[data-page='administracion-nomina-integral'] .roles-grid .role-card:hover i,
body[data-page='capacitacion-coaching'] .roles-grid .role-card:hover i,
body[data-page='staffing'] .shield-card:hover i,
body[data-page='administracion-nomina-integral'] .shield-card:hover i,
body[data-page='administracion-nomina-integral'] .service-card:hover .service-icon i,
body[data-page='capacitacion-coaching'] .service-card:hover .service-icon i,
body[data-page='capacitacion-coaching'] .value-card:hover .icon i,
body[data-page='contacto'] .office-location-card:hover .icon-badge i,
body[data-page='contacto'] .presence-side-card:hover .icon-badge i,
body[data-page='contacto'] .contact-form-card:hover .badge i,
body[data-page='contacto'] .calendar-card:hover .badge i{color:#fff !important;}
body[data-page='atraccion-talento'] .roles-grid .role-card:hover i,
body[data-page='talentoadministrativo'] .roles-grid .role-card:hover i,
body[data-page='talentoit'] .roles-grid .role-card:hover i,
body[data-page='talentoheadhunting'] .roles-grid .role-card:hover i,
body[data-page='staffing'] .roles-grid .role-card:hover i,
body[data-page='administracion-nomina-integral'] .roles-grid .role-card:hover i,
body[data-page='capacitacion-coaching'] .roles-grid .role-card:hover i,
body[data-page='staffing'] .shield-card:hover i,
body[data-page='administracion-nomina-integral'] .shield-card:hover i,
body[data-page='capacitacion-coaching'] .value-card:hover .icon,
body[data-page='capacitacion-coaching'] .service-card:hover .service-icon,
body[data-page='administracion-nomina-integral'] .service-card:hover .service-icon,
body[data-page='contacto'] .office-location-card:hover .icon-badge,
body[data-page='contacto'] .presence-side-card:hover .icon-badge,
body[data-page='contacto'] .contact-form-card:hover .badge,
body[data-page='contacto'] .calendar-card:hover .badge{
  background:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

/* Keep contact form fields readable on card hover */
body[data-page='contacto'] .contact-form-card:hover input,
body[data-page='contacto'] .contact-form-card:hover textarea,
body[data-page='contacto'] .contact-form-card:hover select,
body[data-page='contacto'] .calendar-card:hover iframe{background:#fff !important;color:var(--ticnix-text) !important;}
body[data-page='contacto'] .contact-form-card:hover label,
body[data-page='contacto'] .calendar-card:hover p,
body[data-page='contacto'] .calendar-card:hover h2,
body[data-page='contacto'] .calendar-card:hover .section-head *{color:#fff !important;}

/* Attracción hero and pruebas layout */
body[data-page='atraccion-talento'] .hero-main-card{
  background:#fff !important;
  min-height:360px;
  padding:1rem !important;
}
body[data-page='atraccion-talento'] .hero-slide img{
  padding:1.6rem !important;
  object-fit:contain !important;
}
body[data-page='atraccion-talento'] .pruebas-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
body[data-page='atraccion-talento'] .pruebas-grid .prueba-card:last-child{grid-column:auto !important;}
body[data-page='atraccion-talento'] .pruebas-benefits .icon-badge,
body[data-page='atraccion-talento'] .pruebas-benefits .icon-badge i{display:flex !important;align-items:center;justify-content:center;color:#fff !important;}

/* Talentoadministrativo 2 up centered + 3 down */
body[data-page='talentoadministrativo'] .admin-profiles-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}
body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card:nth-child(1),
body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card:nth-child(2){grid-column:span 3;}
body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card:nth-child(3),
body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card:nth-child(4),
body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card:nth-child(5){grid-column:span 2;}
@media (max-width: 900px){body[data-page='talentoadministrativo'] .admin-profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}body[data-page='talentoadministrativo'] .admin-profiles-grid .role-card{grid-column:auto !important;}}
@media (max-width: 640px){body[data-page='talentoadministrativo'] .admin-profiles-grid{grid-template-columns:1fr !important;}}

/* Shared CTA look for service pages */
body[data-page='atraccion-talento'] .cta-section,
body[data-page='talentoadministrativo'] .cta-section,
body[data-page='talentoit'] .cta-section,
body[data-page='talentoheadhunting'] .cta-section,
body[data-page='staffing'] .cta-section,
body[data-page='administracion-nomina-integral'] .cta-section,
body[data-page='capacitacion-coaching'] .cta-section,
body[data-page='blog'] .cta-section,
body[data-page='blog-articulo'] .cta-section,
body[data-page='aviso-privacidad'] .cta-section{
  max-width:1240px !important;
  margin:0 auto 1.45rem !important;
  border-radius:56px 56px 0 0 !important;
}

/* Capacitacion process cards like valores/nosotros */
body[data-page='capacitacion-coaching'] .hover-process .value-card{
  background:#fff !important;
  border:1px solid var(--ticnix-border) !important;
  border-radius:28px !important;
  box-shadow:var(--ticnix-shadow) !important;
}
body[data-page='capacitacion-coaching'] .hover-process .value-card .icon{
  width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:rgba(252,132,3,.10);margin:0 auto 1rem;
}
body[data-page='capacitacion-coaching'] .hover-process .value-card .icon i{color:var(--ticnix-orange-2) !important;}
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover,
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover *{color:#fff !important;}
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover .icon{background:rgba(255,255,255,.18) !important;}

/* Talent IT / shared environment section spacing before CTA */
body[data-page='atraccion-talento'] .entorno-tech-shared,
body[data-page='talentoadministrativo'] .entorno-tech-shared,
body[data-page='talentoit'] .entorno-tech-shared,
body[data-page='talentoheadhunting'] .entorno-tech-shared,
body[data-page='staffing'] .entorno-tech-shared,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared,
body[data-page='capacitacion-coaching'] .entorno-tech-shared{margin-bottom:0 !important;}

/* Contact cards hover orange so white text remains readable */
body[data-page='contacto'] .office-location-card:hover .btn,
body[data-page='contacto'] .presence-side-card:hover .btn,
body[data-page='contacto'] .contact-form-card:hover .btn,
body[data-page='contacto'] .calendar-card:hover .btn{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:#fff !important;
}
body[data-page='contacto'] .office-location-card:hover .btn *,
body[data-page='contacto'] .presence-side-card:hover .btn *,
body[data-page='contacto'] .contact-form-card:hover .btn *,
body[data-page='contacto'] .calendar-card:hover .btn *{color:var(--ticnix-orange-2) !important;}

/* mobile tweaks */
@media (max-width: 1120px){
  body[data-page='atraccion-talento'] .pruebas-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 900px){
  body[data-page='staffing'] .entorno-tech-shared .roles-grid,
  body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 640px){
  body[data-page='atraccion-talento'] .pruebas-grid,
  body[data-page='staffing'] .entorno-tech-shared .roles-grid,
  body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid{grid-template-columns:1fr !important;}
}


/* === FINAL MASTER POLISH V4 === */
/* Footer orange + top divider + CTA spacing */
#contacto-footer{
  margin-top:2.1rem !important;
  background:linear-gradient(135deg,var(--ticnix-orange-1) 0%,var(--ticnix-orange-2) 50%,var(--ticnix-orange-3) 100%) !important;
  padding-top:2rem !important;
  position:relative;
}
#contacto-footer::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(1240px,calc(100% - 2.4rem));
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(84,84,84,.45),rgba(84,84,84,.22),transparent);
}
#contacto-footer .footer-menu a:hover,
#contacto-footer .footer-office-link:hover,
#contacto-footer .social a:hover{transform:translateY(-2px) !important;}

body:not([data-page='contacto']) .cta-section.footer-prelude{
  max-width:1240px !important;
  margin:0 auto 2rem !important;
  border-radius:34px !important;
  padding:2rem 1.35rem !important;
  min-height:auto !important;
}
body:not([data-page='contacto']) .cta-section.footer-prelude h2{margin-bottom:.65rem !important;}
body:not([data-page='contacto']) .cta-section.footer-prelude p{margin-bottom:1rem !important;}
body:not([data-page='contacto']) .cta-section.footer-prelude .btn{min-height:46px !important;padding:.78rem 1.15rem !important;border-radius:999px !important;}

/* Header submenu attraction icons generic orange and aligned left */
.services-dropdown .submenu-panel-attraction a,
#mobileAtraccionSub a{display:flex !important;align-items:center !important;gap:.72rem !important;}
.services-dropdown .submenu-panel-attraction .submenu-inline-icon,
#mobileAtraccionSub .mobile-icon{
  width:22px !important;
  min-width:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
}
.services-dropdown .submenu-panel-attraction .submenu-inline-icon i,
#mobileAtraccionSub .mobile-icon i{
  color:var(--ticnix-orange-2) !important;
  font-size:1rem !important;
}
.services-dropdown .submenu-panel-attraction .submenu-inline-icon img,
#mobileAtraccionSub .mobile-icon img{display:none !important;}

/* Smooth reveal, no weird jumping */
.reveal,
[data-reveal]{
  transition:opacity .68s cubic-bezier(.22,.61,.36,1), transform .68s cubic-bezier(.22,.61,.36,1) !important;
  filter:none !important;
}

/* Nosotros: keep summary text visible in valor agregado */
body[data-page='nosotros'] #valor-agregado .value-card:hover > p,
body[data-page='nosotros'] #valor-agregado .value-card:hover h3,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon i,
body[data-page='nosotros'] #valor-agregado .value-card:hover .icon{color:#fff !important;opacity:1 !important;}
body[data-page='nosotros'] #valor-agregado .value-card:hover .hover-copy{
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  background:none !important;
  padding:0 !important;
  margin-top:.7rem !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:hover .hover-copy *{color:#fff !important;}

/* Generic service role/tech hover */
body[data-page='atraccion-talento'] .role-card,
body[data-page='talentoadministrativo'] .role-card,
body[data-page='talentoit'] .role-card,
body[data-page='talentoheadhunting'] .role-card,
body[data-page='staffing'] .role-card,
body[data-page='administracion-nomina-integral'] .role-card,
body[data-page='capacitacion-coaching'] .role-card,
body[data-page='desarrollo-organizacional'] .role-card,
body[data-page='atraccion-talento'] .card,
body[data-page='talentoadministrativo'] .card,
body[data-page='talentoit'] .card,
body[data-page='talentoheadhunting'] .card,
body[data-page='staffing'] .card,
body[data-page='administracion-nomina-integral'] .card,
body[data-page='capacitacion-coaching'] .card,
body[data-page='desarrollo-organizacional'] .card,
body[data-page='staffing'] .benefit-card,
body[data-page='administracion-nomina-integral'] .benefit-card,
body[data-page='capacitacion-coaching'] .service-card,
body[data-page='desarrollo-organizacional'] .service-card,
body[data-page='desarrollo-organizacional'] .benefit-card,
body[data-page='desarrollo-organizacional'] .delivery-card,
body[data-page='capacitacion-coaching'] .format-card,
body[data-page='capacitacion-coaching'] .team-card,
body[data-page='capacitacion-coaching'] .hover-process .value-card,
body[data-page='atraccion-talento'] .simple-card,
body[data-page='atraccion-talento'] .prueba-card{
  transition:transform .32s ease, box-shadow .32s ease, background .32s ease, color .32s ease, border-color .32s ease !important;
}
body[data-page='atraccion-talento'] .role-card:hover,
body[data-page='talentoadministrativo'] .role-card:hover,
body[data-page='talentoit'] .role-card:hover,
body[data-page='talentoheadhunting'] .role-card:hover,
body[data-page='staffing'] .role-card:hover,
body[data-page='administracion-nomina-integral'] .role-card:hover,
body[data-page='capacitacion-coaching'] .role-card:hover,
body[data-page='desarrollo-organizacional'] .role-card:hover,
body[data-page='atraccion-talento'] .card:hover,
body[data-page='talentoadministrativo'] .card:hover,
body[data-page='talentoit'] .card:hover,
body[data-page='talentoheadhunting'] .card:hover,
body[data-page='staffing'] .card:hover,
body[data-page='administracion-nomina-integral'] .card:hover,
body[data-page='capacitacion-coaching'] .card:hover,
body[data-page='desarrollo-organizacional'] .card:hover,
body[data-page='staffing'] .benefit-card:hover,
body[data-page='administracion-nomina-integral'] .benefit-card:hover,
body[data-page='capacitacion-coaching'] .service-card:hover,
body[data-page='desarrollo-organizacional'] .service-card:hover,
body[data-page='desarrollo-organizacional'] .benefit-card:hover,
body[data-page='desarrollo-organizacional'] .delivery-card:hover,
body[data-page='capacitacion-coaching'] .format-card:hover,
body[data-page='capacitacion-coaching'] .team-card:hover,
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover,
body[data-page='atraccion-talento'] .simple-card:hover,
body[data-page='atraccion-talento'] .prueba-card:hover{
  background:var(--ticnix-grad) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
  transform:translateY(-8px) !important;
}
body[data-page='atraccion-talento'] .role-card:hover *,
body[data-page='talentoadministrativo'] .role-card:hover *,
body[data-page='talentoit'] .role-card:hover *,
body[data-page='talentoheadhunting'] .role-card:hover *,
body[data-page='staffing'] .role-card:hover *,
body[data-page='administracion-nomina-integral'] .role-card:hover *,
body[data-page='capacitacion-coaching'] .role-card:hover *,
body[data-page='desarrollo-organizacional'] .role-card:hover *,
body[data-page='atraccion-talento'] .card:hover *,
body[data-page='talentoadministrativo'] .card:hover *,
body[data-page='talentoit'] .card:hover *,
body[data-page='talentoheadhunting'] .card:hover *,
body[data-page='staffing'] .card:hover *,
body[data-page='administracion-nomina-integral'] .card:hover *,
body[data-page='capacitacion-coaching'] .card:hover *,
body[data-page='desarrollo-organizacional'] .card:hover *,
body[data-page='staffing'] .benefit-card:hover *,
body[data-page='administracion-nomina-integral'] .benefit-card:hover *,
body[data-page='capacitacion-coaching'] .service-card:hover *,
body[data-page='desarrollo-organizacional'] .service-card:hover *,
body[data-page='desarrollo-organizacional'] .benefit-card:hover *,
body[data-page='desarrollo-organizacional'] .delivery-card:hover *,
body[data-page='capacitacion-coaching'] .format-card:hover *,
body[data-page='capacitacion-coaching'] .team-card:hover *,
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover *,
body[data-page='atraccion-talento'] .simple-card:hover *,
body[data-page='atraccion-talento'] .prueba-card:hover *{color:#fff !important;}
body[data-page='atraccion-talento'] .role-card:hover i,
body[data-page='talentoadministrativo'] .role-card:hover i,
body[data-page='talentoit'] .role-card:hover i,
body[data-page='talentoheadhunting'] .role-card:hover i,
body[data-page='staffing'] .role-card:hover i,
body[data-page='administracion-nomina-integral'] .role-card:hover i,
body[data-page='capacitacion-coaching'] .role-card:hover i,
body[data-page='desarrollo-organizacional'] .role-card:hover i,
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover .icon i,
body[data-page='atraccion-talento'] .prueba-card:hover .prueba-icon i{color:#fff !important;opacity:1 !important;}
body[data-page='atraccion-talento'] .simple-card:hover .btn,
body[data-page='atraccion-talento'] .prueba-card:hover .btn,
body[data-page='capacitacion-coaching'] .service-card:hover .btn,
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover .btn,
body[data-page='desarrollo-organizacional'] .service-card:hover .btn{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:#fff !important;
}
body[data-page='atraccion-talento'] .simple-card:hover .btn *,
body[data-page='atraccion-talento'] .prueba-card:hover .btn *{color:var(--ticnix-orange-2) !important;}

/* Coaching process section specific */
body[data-page='capacitacion-coaching'] .hover-process{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:1rem !important;
}
body[data-page='capacitacion-coaching'] .hover-process .value-card{
  min-height:100% !important;
  text-align:center !important;
  border-radius:28px !important;
  padding:1.4rem 1.15rem !important;
  background:#fff !important;
}
body[data-page='capacitacion-coaching'] .hover-process .value-card .icon{
  width:58px !important;height:58px !important;border-radius:18px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:rgba(252,132,3,.10) !important;
  margin:0 auto 1rem !important;
}
body[data-page='capacitacion-coaching'] .hover-process .value-card .icon i{display:block !important;color:var(--ticnix-orange-2) !important;}
body[data-page='capacitacion-coaching'] .hover-process .value-card:hover .icon{background:rgba(255,255,255,.16) !important;}

/* Contact: no outer CTA and only state items hover */
body[data-page='contacto'] .presence-side-card,
body[data-page='contacto'] .office-location-card--full,
body[data-page='contacto'] .contact-form-card,
body[data-page='contacto'] .calendar-card{
  background:#fff !important;
}
body[data-page='contacto'] .presence-side-card:hover,
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  background:#fff !important;
  transform:none !important;
  box-shadow:var(--ticnix-shadow) !important;
}
body[data-page='contacto'] .presence-side-card:hover *,
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{color:inherit !important;}
body[data-page='contacto'] .presence-side-item:hover{
  background:var(--ticnix-grad) !important;
  transform:translateY(-6px) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
}
body[data-page='contacto'] .presence-side-item:hover *,
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon,
body[data-page='contacto'] .presence-side-item:hover .presence-side-icon i{color:#fff !important;}

/* FAQ order spacing + technologies before FAQ in services */
body[data-page='atraccion-talento'] .entorno-tech-shared,
body[data-page='talentoadministrativo'] .entorno-tech-shared,
body[data-page='talentoit'] .entorno-tech-shared,
body[data-page='talentoheadhunting'] .entorno-tech-shared,
body[data-page='staffing'] .entorno-tech-shared,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared,
body[data-page='capacitacion-coaching'] .entorno-tech-shared,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared{margin-top:.2rem !important;margin-bottom:0 !important;}

/* Footer social pills round like index */
#contacto-footer .social a{border-radius:999px !important;}
#contacto-footer .footer-action-btn--compact{border-radius:999px !important;}

@media (max-width:1100px){
  body[data-page='capacitacion-coaching'] .hover-process{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:640px){
  body[data-page='capacitacion-coaching'] .hover-process{grid-template-columns:1fr !important;}
  body:not([data-page='contacto']) .cta-section.footer-prelude{border-radius:28px !important;padding:1.65rem 1rem !important;}
}


/* ===== FINAL V8 TUNING ===== */
/* Attraction submenu: use orange logos from logosserv, not generic icons */
.submenu-panel-attraction a .submenu-inline-icon img,
#mobileAtraccionSub a .mobile-icon img{
  display:block !important;
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  filter:none !important;
}
.submenu-panel-attraction a .submenu-inline-icon i,
#mobileAtraccionSub a .mobile-icon i{display:none !important;}

/* Chat header should always stay white */
#chat-header,
#chat-header *,
#chat-header .header-left span,
#chat-header .header-actions a,
#chat-header .header-actions i{color:#fff !important;}

/* Contact cards: keep orange hover stable */
body[data-page='contacto'] .office-location-card--full:hover,
body[data-page='contacto'] .contact-form-card:hover,
body[data-page='contacto'] .calendar-card:hover{
  background:var(--ticnix-grad) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:var(--ticnix-shadow-strong) !important;
}
body[data-page='contacto'] .office-location-card--full:hover *,
body[data-page='contacto'] .contact-form-card:hover *,
body[data-page='contacto'] .calendar-card:hover *{color:#fff !important;}
body[data-page='contacto'] .contact-form-card:hover input,
body[data-page='contacto'] .contact-form-card:hover select,
body[data-page='contacto'] .contact-form-card:hover textarea,
body[data-page='contacto'] .calendar-card:hover iframe{filter:none !important;}
body[data-page='contacto'] .contact-form-card:hover input,
body[data-page='contacto'] .contact-form-card:hover select,
body[data-page='contacto'] .contact-form-card:hover textarea{
  background:#fff !important;
  color:var(--ticnix-text) !important;
  border-color:rgba(255,255,255,.45) !important;
}
body[data-page='contacto'] .office-location-card--full:hover .btn,
body[data-page='contacto'] .contact-form-card:hover .btn,
body[data-page='contacto'] .calendar-card:hover .btn{
  background:#fff !important;
  color:var(--ticnix-orange-2) !important;
  border-color:#fff !important;
}
body[data-page='contacto'] .office-location-card--full:hover .btn *,
body[data-page='contacto'] .contact-form-card:hover .btn *,
body[data-page='contacto'] .calendar-card:hover .btn *{color:var(--ticnix-orange-2) !important;}

/* Attraction + subpages hero should match staffing hero card */
body[data-page='atraccion-talento'] .hero,
body[data-page='talentoadministrativo'] .hero,
body[data-page='talentoit'] .hero,
body[data-page='talentoheadhunting'] .hero{
  padding-top:9rem !important;
  padding-bottom:4rem !important;
}
body[data-page='atraccion-talento'] .hero-main-card,
body[data-page='talentoadministrativo'] .hero-main-card,
body[data-page='talentoit'] .hero-main-card,
body[data-page='talentoheadhunting'] .hero-main-card{
  background:#fff !important;
  border-radius:34px !important;
  padding:1rem !important;
  min-height:auto !important;
  box-shadow:var(--shadow) !important;
  border:1px solid rgba(252,132,3,.12) !important;
  overflow:hidden !important;
  display:block !important;
}
body[data-page='atraccion-talento'] .hero-slider,
body[data-page='talentoadministrativo'] .hero-slider,
body[data-page='talentoit'] .hero-slider,
body[data-page='talentoheadhunting'] .hero-slider{
  height:420px !important;
  border-radius:28px !important;
  background:#fff !important;
}
body[data-page='atraccion-talento'] .hero-slide,
body[data-page='talentoadministrativo'] .hero-slide,
body[data-page='talentoit'] .hero-slide,
body[data-page='talentoheadhunting'] .hero-slide{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body[data-page='atraccion-talento'] .hero-slide img,
body[data-page='talentoadministrativo'] .hero-slide img,
body[data-page='talentoit'] .hero-slide img,
body[data-page='talentoheadhunting'] .hero-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:1.1rem !important;
  max-width:none !important;
  max-height:none !important;
}
body[data-page='atraccion-talento'] .hero-main-card:hover,
body[data-page='talentoadministrativo'] .hero-main-card:hover,
body[data-page='talentoit'] .hero-main-card:hover,
body[data-page='talentoheadhunting'] .hero-main-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 35px 55px rgba(84,84,84,.2) !important;
}
body[data-page='atraccion-talento'] .hero-visual-shell,
body[data-page='atraccion-talento'] .hero-icon-wrap,
body[data-page='atraccion-talento'] .hero-visual-points{display:none !important;}

/* Attraction pruebas image should be larger, like herramientas */
body[data-page='atraccion-talento'] .atraccion-pruebas-visual{
  max-width:1080px !important;
  margin:1.35rem auto 1.35rem !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:#fff !important;
  padding:1rem !important;
  border:1px solid rgba(252,132,3,.10) !important;
  box-shadow:var(--ticnix-shadow) !important;
  display:block !important;
}
body[data-page='atraccion-talento'] .atraccion-pruebas-visual img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:24px !important;
}

/* ===== Final footer + submenu + technology unification ===== */
#contacto-footer{background:linear-gradient(180deg,#fc8403 0%,#ef7a00 100%) !important;position:relative;}
#contacto-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:rgba(84,84,84,.35);}
#contacto-footer .footer-grid-modern{grid-template-columns:1.15fr .9fr 1fr .95fr !important;gap:1.55rem !important;align-items:start !important;}
#contacto-footer .footer-brand-col .footer-logo{width:186px !important;max-width:100%;margin:0 0 .7rem !important;}
#contacto-footer .footer-brand-col p{margin:0 0 1rem !important;max-width:28ch !important;}
#contacto-footer .footer-brand-col .social{display:flex !important;gap:.72rem !important;align-items:center;justify-content:flex-start;margin-top:.2rem !important;}
#contacto-footer .footer-actions-col h3{margin-bottom:.9rem !important;}
#contacto-footer .footer-actions-col .social{display:none !important;}
#contacto-footer .footer-actions-col .footer-action-btn--compact{min-height:42px !important;padding:.72rem .95rem !important;border-radius:16px !important;}
#contacto-footer .footer-hours{margin-top:.8rem !important;}
@media (max-width:1080px){#contacto-footer .footer-grid-modern{grid-template-columns:1fr 1fr !important;}}
@media (max-width:700px){#contacto-footer .footer-grid-modern{grid-template-columns:1fr !important;}#contacto-footer .footer-brand-col .social{justify-content:flex-start !important;}}

/* Attraction submenu icons should always use orange logos */
.services-dropdown .submenu-panel-attraction .submenu-inline-icon--svg{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:18px !important;height:18px !important;flex:0 0 18px !important;}
.services-dropdown .submenu-panel-attraction .submenu-inline-icon--svg img{display:block !important;width:18px !important;height:18px !important;object-fit:contain !important;filter:brightness(0) saturate(100%) invert(54%) sepia(95%) saturate(1327%) hue-rotate(358deg) brightness(101%) contrast(99%) !important;opacity:1 !important;}
.services-dropdown .submenu-panel-attraction .submenu-inline-icon--svg i{display:none !important;}

/* Shared environment section from talento administrativo */
.entorno-tech-shared{background:#fff7ef !important;border-top:1px solid rgba(252,132,3,.12);border-bottom:1px solid rgba(252,132,3,.12);}
.entorno-tech-shared .roles-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:1rem !important;}
.entorno-tech-shared .role-card{background:#fff !important;border:1px solid rgba(252,132,3,.12) !important;border-radius:24px !important;box-shadow:0 18px 36px rgba(84,84,84,.08) !important;padding:1.2rem !important;transition:transform .28s ease, box-shadow .28s ease, background .28s ease !important;}
.entorno-tech-shared .role-card:hover{background:var(--ticnix-grad) !important;transform:translateY(-6px) !important;box-shadow:0 24px 48px rgba(252,132,3,.18) !important;}
.entorno-tech-shared .role-card:hover *, .entorno-tech-shared .role-card:hover i{color:#fff !important;}
.entorno-tech-shared .role-card i{color:var(--ticnix-orange-2) !important;font-size:1.35rem !important;margin-bottom:.7rem !important;display:block !important;}
.entorno-tech-shared .tech-chip-grid{display:flex !important;flex-wrap:wrap !important;gap:.65rem !important;margin-top:1rem !important;}
.entorno-tech-shared .tech-chip{padding:.58rem .9rem !important;border-radius:999px !important;background:#fff !important;border:1px solid rgba(252,132,3,.16) !important;color:var(--ticnix-text) !important;font-weight:600 !important;}
@media (max-width:1100px){.entorno-tech-shared .roles-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media (max-width:860px){.entorno-tech-shared .roles-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:620px){.entorno-tech-shared .roles-grid{grid-template-columns:1fr !important;}}


/* FINAL FIX: restore identical entorno-tech section across service pages */
body[data-page='atraccion-talento'] .entorno-tech-shared,
body[data-page='talentoadministrativo'] .entorno-tech-shared,
body[data-page='talentoit'] .entorno-tech-shared,
body[data-page='talentoheadhunting'] .entorno-tech-shared,
body[data-page='staffing'] .entorno-tech-shared,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared,
body[data-page='capacitacion-coaching'] .entorno-tech-shared,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared{
  background:#fff7ef !important;
  border-top:1px solid rgba(252,132,3,.12) !important;
  border-bottom:1px solid rgba(252,132,3,.12) !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
body[data-page='staffing'] .entorno-tech-shared .roles-grid,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .roles-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1rem !important;
  margin-top:1.25rem !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .role-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .role-card,
body[data-page='talentoit'] .entorno-tech-shared .role-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .role-card,
body[data-page='staffing'] .entorno-tech-shared .role-card,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .role-card,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .role-card,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .role-card{
  background:#fff !important;
  border:1px solid rgba(252,132,3,.12) !important;
  border-radius:24px !important;
  box-shadow:0 18px 36px rgba(84,84,84,.08) !important;
  padding:1.2rem !important;
  text-align:center !important;
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .role-card:hover,
body[data-page='talentoadministrativo'] .entorno-tech-shared .role-card:hover,
body[data-page='talentoit'] .entorno-tech-shared .role-card:hover,
body[data-page='talentoheadhunting'] .entorno-tech-shared .role-card:hover,
body[data-page='staffing'] .entorno-tech-shared .role-card:hover,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .role-card:hover,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .role-card:hover,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .role-card:hover{
  background:var(--ticnix-grad) !important;
  transform:translateY(-6px) !important;
  box-shadow:0 24px 48px rgba(252,132,3,.18) !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .role-card i,
body[data-page='talentoadministrativo'] .entorno-tech-shared .role-card i,
body[data-page='talentoit'] .entorno-tech-shared .role-card i,
body[data-page='talentoheadhunting'] .entorno-tech-shared .role-card i,
body[data-page='staffing'] .entorno-tech-shared .role-card i,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .role-card i,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .role-card i,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .role-card i{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#FC8403,#FCC203) !important;
  color:#fff !important;
  margin:0 auto .9rem !important;
  font-size:1.25rem !important;
  box-shadow:0 14px 24px rgba(252,132,3,.22) !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .role-card:hover *,
body[data-page='talentoadministrativo'] .entorno-tech-shared .role-card:hover *,
body[data-page='talentoit'] .entorno-tech-shared .role-card:hover *,
body[data-page='talentoheadhunting'] .entorno-tech-shared .role-card:hover *,
body[data-page='staffing'] .entorno-tech-shared .role-card:hover *,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .role-card:hover *,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .role-card:hover *,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .role-card:hover *{
  color:#fff !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .role-card:hover i,
body[data-page='talentoadministrativo'] .entorno-tech-shared .role-card:hover i,
body[data-page='talentoit'] .entorno-tech-shared .role-card:hover i,
body[data-page='talentoheadhunting'] .entorno-tech-shared .role-card:hover i,
body[data-page='staffing'] .entorno-tech-shared .role-card:hover i,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .role-card:hover i,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .role-card:hover i,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .role-card:hover i{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-chip-grid,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-chip-grid,
body[data-page='talentoit'] .entorno-tech-shared .tech-chip-grid,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-chip-grid,
body[data-page='staffing'] .entorno-tech-shared .tech-chip-grid,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-chip-grid,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-chip-grid,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .tech-chip-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.65rem !important;
  margin-top:1rem !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-chip,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-chip,
body[data-page='talentoit'] .entorno-tech-shared .tech-chip,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-chip,
body[data-page='staffing'] .entorno-tech-shared .tech-chip,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-chip,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-chip,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .tech-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:.5rem !important;
  padding:.58rem .9rem !important;
  border-radius:999px !important;
  background:#fff !important;
  border:1px solid rgba(252,132,3,.16) !important;
  color:var(--ticnix-text) !important;
  font-weight:600 !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-chip::before,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-chip::before,
body[data-page='talentoit'] .entorno-tech-shared .tech-chip::before,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-chip::before,
body[data-page='staffing'] .entorno-tech-shared .tech-chip::before,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-chip::before,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-chip::before,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .tech-chip::before{
  content:"\f2db" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  color:var(--ticnix-orange-2) !important;
  font-size:.82rem !important;
  line-height:1 !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-chip:hover,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-chip:hover,
body[data-page='talentoit'] .entorno-tech-shared .tech-chip:hover,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-chip:hover,
body[data-page='staffing'] .entorno-tech-shared .tech-chip:hover,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-chip:hover,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-chip:hover,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .tech-chip:hover{
  background:var(--ticnix-grad) !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='talentoit'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='staffing'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-chip:hover::before,
body[data-page='desarrollo-organizacional'] .entorno-tech-shared .tech-chip:hover::before{color:#fff !important;}

@media (max-width:1100px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
  body[data-page='staffing'] .entorno-tech-shared .roles-grid,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid,
  body[data-page='desarrollo-organizacional'] .entorno-tech-shared .roles-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:860px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
  body[data-page='staffing'] .entorno-tech-shared .roles-grid,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid,
  body[data-page='desarrollo-organizacional'] .entorno-tech-shared .roles-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:620px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoit'] .entorno-tech-shared .roles-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .roles-grid,
  body[data-page='staffing'] .entorno-tech-shared .roles-grid,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .roles-grid,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .roles-grid,
  body[data-page='desarrollo-organizacional'] .entorno-tech-shared .roles-grid{grid-template-columns:1fr !important;}
}


/* ===== FINAL V12: attraction submenu logos orange ===== */
.submenu-panel-attraction a .submenu-inline-icon,
#mobileAtraccionSub a .mobile-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  min-width:20px !important;
  height:20px !important;
}
.submenu-panel-attraction a .submenu-inline-icon img,
#mobileAtraccionSub a .mobile-icon img{
  display:block !important;
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:brightness(0) saturate(100%) invert(54%) sepia(95%) saturate(1327%) hue-rotate(358deg) brightness(101%) contrast(99%) !important;
}
.submenu-panel-attraction a .submenu-inline-icon i,
#mobileAtraccionSub a .mobile-icon i{
  display:none !important;
}


/* === INDEX + NOSOTROS expandable cards final tweaks === */
body[data-page='index'] .why-intro-centered{
  max-width:960px !important;
  margin:0 auto 2.4rem !important;
  text-align:center !important;
}
body[data-page='index'] .beneficios-grid{
  align-items:stretch !important;
}
body[data-page='index'] .beneficios-grid .benefit-card,
body[data-page='nosotros'] #valor-agregado .value-card{
  display:flex !important;
  flex-direction:column !important;
}
body[data-page='index'] .beneficios-grid .benefit-card{
  min-height:420px !important;
}
body[data-page='index'] .beneficios-grid .benefit-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
body[data-page='index'] .beneficios-grid .benefit-card .benefit-summary{
  -webkit-line-clamp:6 !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
  -webkit-line-clamp:5 !important;
}
body[data-page='index'] .beneficios-grid .benefit-card.is-expanded .benefit-summary,
body[data-page='nosotros'] #valor-agregado .value-card.is-expanded .value-summary{
  display:block !important;
  -webkit-line-clamp:unset !important;
  overflow:visible !important;
}
body[data-page='index'] .beneficios-grid .benefit-card .benefit-hover,
body[data-page='nosotros'] #valor-agregado .value-card .hover-copy{
  display:none !important;
}
body[data-page='index'] .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expand-toggle{
  margin-top:auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:.75rem 1.2rem;
  border-radius:999px;
  border:1px solid rgba(252,132,3,.18);
  background:#fff;
  color:#FC8403;
  font-weight:700;
  cursor:pointer;
  transition:.25s ease;
  box-shadow:0 12px 24px rgba(252,132,3,.08);
}
body[data-page='index'] .expand-toggle:hover,
body[data-page='nosotros'] #valor-agregado .expand-toggle:hover{
  background:linear-gradient(135deg,#FC8403,#FCC203);
  color:#fff;
}
body[data-page='index'] .beneficios-grid .benefit-card:hover .expand-toggle,
body[data-page='nosotros'] #valor-agregado .value-card:hover .expand-toggle{
  border-color:rgba(255,255,255,.3);
}
body[data-page='index'] .beneficios-grid .benefit-card:hover .expand-toggle,
body[data-page='index'] .beneficios-grid .benefit-card:hover .expand-toggle:hover,
body[data-page='nosotros'] #valor-agregado .value-card:hover .expand-toggle,
body[data-page='nosotros'] #valor-agregado .value-card:hover .expand-toggle:hover{
  background:rgba(255,255,255,.16);
  color:#fff;
}
body[data-page='nosotros'] .hero-media .nosotros-logo-hero{
  width:100% !important;
  max-width:100% !important;
  max-height:460px !important;
  min-height:460px !important;
  object-fit:contain !important;
  background:#fff;
  padding:1rem;
}
@media (max-width:900px){
  body[data-page='index'] .beneficios-grid .benefit-card{min-height:auto !important;}
  body[data-page='index'] .beneficios-grid .benefit-card .benefit-summary,
  body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
    display:block !important;
    -webkit-line-clamp:unset !important;
    overflow:visible !important;
  }
}

body[data-page='nosotros'] #valor-agregado .value-card:hover > h3,
body[data-page='nosotros'] #valor-agregado .value-card:hover > p,
body[data-page='nosotros'] #valor-agregado .value-card:hover > .icon,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > h3,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > p,
body[data-page='nosotros'] #valor-agregado .value-card:focus-within > .icon{
  opacity:1 !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .icon,
body[data-page='nosotros'] #valor-agregado .value-card h3,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
  transition:none !important;
}

/* === Ajustes finales fijos: index + nosotros === */
body[data-page='index'] .why-intro-centered{
  max-width:900px !important;
  margin:0 auto 1.35rem !important;
  text-align:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid){
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:1.5rem !important;
  align-items:stretch !important;
  max-width:1240px !important;
  margin:0 auto !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card{
  grid-column:span 2 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(1){grid-column:2 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(2){grid-column:4 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(3){grid-column:1 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(4){grid-column:3 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(5){grid-column:5 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(6){grid-column:2 / span 2 !important;}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card:nth-child(7){grid-column:4 / span 2 !important;}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card{
  min-height:390px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:1.55rem 1.35rem 1.3rem !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card > i{
  margin:0 auto 1rem !important;
  align-self:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card h3{
  text-align:center !important;
  margin-bottom:.9rem !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary{
  width:100% !important;
  text-align:justify !important;
  text-align-last:auto !important;
  max-height:10.25rem !important;
  overflow:hidden !important;
  margin:0 0 1rem 0 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card.is-expanded .benefit-summary{
  max-height:none !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary p{
  margin:0 0 .68rem 0 !important;
  line-height:1.72 !important;
  text-align:justify !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary p:last-child{
  margin-bottom:0 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .expand-toggle{
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:inline-flex !important;
  align-self:center !important;
  justify-content:center !important;
}

body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover{
  text-align:justify !important;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary p,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover p{
  margin:0 0 .68rem 0 !important;
  line-height:1.72 !important;
  text-align:justify !important;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary p:last-child,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover p:last-child{
  margin-bottom:0 !important;
}

body[data-page='nosotros'] .hero-media .nosotros-logo-hero{
  display:block !important;
}
body[data-page='nosotros'] #valor-agregado .value-card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
  text-align:justify !important;
  max-height:11rem !important;
  overflow:hidden !important;
  margin:0 0 1rem 0 !important;
}
body[data-page='nosotros'] #valor-agregado .value-card.is-expanded .value-summary{
  max-height:none !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p{
  margin:0 0 .68rem 0 !important;
  line-height:1.72 !important;
  text-align:justify !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p:last-child{
  margin-bottom:0 !important;
}
body[data-page='nosotros'] #valor-agregado .value-card .expand-toggle{
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  display:inline-flex !important;
  align-self:center !important;
  justify-content:center !important;
}
body[data-page='nosotros'] .section.light .soft-card .case-summary,
body[data-page='nosotros'] .section.light .soft-card > p{
  text-align:justify !important;
}
body[data-page='nosotros'] .section.light .soft-card .case-summary p,
body[data-page='nosotros'] .section.light .soft-card > p{
  margin:0 0 .68rem 0 !important;
  line-height:1.72 !important;
  text-align:justify !important;
}
body[data-page='nosotros'] .section.light .soft-card .case-summary p:last-child{
  margin-bottom:0 !important;
}

@media (max-width:1100px){
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) > .benefit-card{
    grid-column:auto !important;
  }
}
@media (max-width:900px){
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid){
    grid-template-columns:1fr !important;
  }
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card,
  body[data-page='nosotros'] #valor-agregado .value-card{
    min-height:auto !important;
  }
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary,
  body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
    max-height:none !important;
  }
}


/* === Ajuste final solicitado sobre base v3 acordeón único === */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid),
body[data-page='nosotros'] #valor-agregado .values-grid{
  align-items:start !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='nosotros'] #valor-agregado .expandable-card{
  align-self:start !important;
  min-height:0 !important;
  height:auto !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card,
body[data-page='nosotros'] #valor-agregado .value-card{
  justify-content:flex-start !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card > i,
body[data-page='nosotros'] .section-values-alt .value-card .icon,
body[data-page='nosotros'] #valor-agregado .value-card .icon{
  margin:0 auto 1rem !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card h3,
body[data-page='nosotros'] .section-values-alt .value-card h3,
body[data-page='nosotros'] #valor-agregado .value-card h3,
body[data-page='nosotros'] .mission-body p,
body[data-page='nosotros'] .section.light .soft-card .case-summary p,
body[data-page='nosotros'] .section.light .soft-card > p{
  text-align:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary{
  max-height:none !important;
  overflow:visible !important;
  text-align:center !important;
  margin:0 0 1rem 0 !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p{
  display:none !important;
  margin:0 0 .72rem 0 !important;
  line-height:1.72 !important;
  text-align:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p:first-child{
  display:block !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card.is-expanded .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .value-card.is-expanded .value-summary p{
  display:block !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .expand-toggle,
body[data-page='nosotros'] #valor-agregado .value-card .expand-toggle{
  margin-top:.35rem !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

body[data-page='nosotros'] .mission-body p,
body[data-page='nosotros'] .section.light .soft-card .case-summary p,
body[data-page='nosotros'] .section.light .soft-card > p{
  margin:0 0 .72rem 0 !important;
  line-height:1.72 !important;
}

body[data-page='nosotros'] .mission-body p:last-child,
body[data-page='nosotros'] .section.light .soft-card .case-summary p:last-child,
body[data-page='nosotros'] .section.light .soft-card > p:last-child,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary p:last-child,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p:last-child{
  margin-bottom:0 !important;
}


/* === Ajuste final fino: index + nosotros (acomodos sin cambiar estilo base) === */
body[data-page='index'] .pg-inline-2 .cta-copy,
body[data-page='index'] .feature-band--slider .cta-copy{
  text-align:left !important;
  align-items:flex-start !important;
}
body[data-page='index'] .pg-inline-2 .cta-copy .cta-kicker,
body[data-page='index'] .pg-inline-2 .cta-copy h2,
body[data-page='index'] .pg-inline-2 .cta-copy p,
body[data-page='index'] .pg-inline-2 .cta-copy .cta-copy-stack,
body[data-page='index'] .feature-band--slider .cta-copy .cta-kicker,
body[data-page='index'] .feature-band--slider .cta-copy h2,
body[data-page='index'] .feature-band--slider .cta-copy p{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body[data-page='index'] .pg-inline-2 .cta-copy .cta-buttons,
body[data-page='index'] .feature-band--slider .cta-copy .cta-buttons{
  justify-content:flex-start !important;
}
body[data-page='index'] .pg-inline-2 .cta-copy-stack{
  display:grid !important;
  gap:.8rem !important;
}
body[data-page='index'] .pg-inline-2 .cta-copy-stack p,
body[data-page='index'] .feature-band--slider .cta-copy p{
  margin:0 !important;
  line-height:1.72 !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='nosotros'] #valor-agregado .expandable-card{
  min-height:390px !important;
  height:auto !important;
  justify-content:flex-start !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary{
  display:flex !important;
  flex-direction:column !important;
  gap:.72rem !important;
  flex:1 1 auto !important;
  margin:0 0 1rem 0 !important;
  max-height:none !important;
  overflow:visible !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p{
  display:none !important;
  margin:0 !important;
  line-height:1.72 !important;
  text-align:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:first-child{
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:5.2em !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active .value-summary p{
  display:block !important;
  overflow:visible !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded .benefit-summary p:first-child,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active .benefit-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .expandable-card.active .value-summary p:first-child{
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  display:block !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card .expand-toggle{
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}

/* Activa el acordeón sin dejar el hover naranja fijo */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover){
  background:#fff !important;
  transform:none !important;
  box-shadow:0 20px 40px rgba(84,84,84,.10) !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) > i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i{
  color:#FC8403 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .value-summary p{
  color:#545454 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) .expand-toggle,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .expand-toggle{
  background:#fff !important;
  color:#FC8403 !important;
  border-color:rgba(252,132,3,.18) !important;
}

body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary p,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover p{
  text-align:center !important;
}

body[data-page='nosotros'] .mission-body,
body[data-page='nosotros'] .mission-body p,
body[data-page='nosotros'] #valor-agregado .value-card h3,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary,
body[data-page='nosotros'] #valor-agregado .value-card .value-summary p{
  text-align:center !important;
}
body[data-page='nosotros'] .mission-body{
  display:grid !important;
  gap:.78rem !important;
}
body[data-page='nosotros'] .mission-body p{
  margin:0 !important;
  line-height:1.72 !important;
}
body[data-page='nosotros'] .section-values-alt .value-card .icon,
body[data-page='nosotros'] #valor-agregado .value-card .icon{
  margin:0 auto 1rem !important;
}

body[data-page='nosotros'] .case-card{
  text-align:center !important;
}
body[data-page='nosotros'] .case-card > i{
  margin:0 auto 1rem !important;
  align-self:center !important;
}
body[data-page='nosotros'] .case-card h3,
body[data-page='nosotros'] .case-card .case-summary,
body[data-page='nosotros'] .case-card .case-summary p{
  text-align:center !important;
}
body[data-page='nosotros'] .case-card .case-summary{
  display:grid !important;
  gap:.72rem !important;
}
body[data-page='nosotros'] .case-card .case-summary p{
  margin:0 !important;
  line-height:1.72 !important;
}

@media (max-width:900px){
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
  body[data-page='nosotros'] #valor-agregado .expandable-card{
    min-height:auto !important;
  }
  body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p:first-child,
  body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:first-child{
    min-height:0 !important;
  }
}


/* === Ajustes finales solicitados: index + nosotros === */
body[data-page='index'] .feature-band--video .cta-copy h2,
body[data-page='index'] .feature-band--slider .cta-copy h2{
  width:100% !important;
  max-width:none !important;
  text-align:left !important;
  align-self:flex-start !important;
}
body[data-page='index'] .feature-band--video .cta-copy,
body[data-page='index'] .feature-band--video .cta-copy-stack,
body[data-page='index'] .feature-band--video .cta-copy-stack p,
body[data-page='index'] .feature-band--slider .cta-copy,
body[data-page='index'] .feature-band--slider .cta-copy p,
body[data-page='index'] .feature-band--slider .cta-buttons{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}
body[data-page='index'] .casos-beneficios-grid .benefit-card h3,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-summary p,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover,
body[data-page='index'] .casos-beneficios-grid .benefit-card .benefit-hover p{
  text-align:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='nosotros'] #valor-agregado .expandable-card{
  min-height:390px !important;
  align-items:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary{
  width:100% !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:first-child{
  position:relative !important;
  padding-right:.2rem !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(.is-expanded):not(.active) .benefit-summary p:first-child::after,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(.is-expanded):not(.active) .value-summary p:first-child::after{
  content:'...' !important;
  display:inline !important;
}

/* Que el naranja sólo exista en hover, no por estado activo/focus */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:focus-within:not(:hover),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:focus-within:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover){
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 20px 40px rgba(84,84,84,.10) !important;
  transform:none !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:focus-within:not(:hover) > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:focus-within:not(:hover) > i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .icon i{
  color:#FC8403 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:focus-within:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:focus-within:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:focus-within:not(:hover) .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:focus-within:not(:hover) .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .value-summary p{
  color:#545454 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(:hover) .expand-toggle,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .expand-toggle,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:focus-within:not(:hover) .expand-toggle,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:focus-within:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .expand-toggle{
  background:#fff !important;
  color:#FC8403 !important;
  border-color:rgba(252,132,3,.18) !important;
}

body[data-page='nosotros'] .case-card > i,
body[data-page='nosotros'] .case-card h3{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}


/* === FINAL OVERRIDES V12 === */
html.has-loader,
html.has-loader body{
  background:linear-gradient(135deg,var(--brand-4,#FC8203),var(--brand-7,#FCC203)) !important;
  overflow:hidden !important;
}
html.has-loader body > *:not(#loader){visibility:hidden !important;}
html.has-loader #loader{visibility:visible !important;opacity:1 !important;}
body.page-ready{overflow-x:hidden;}

#contacto-footer .footer-brand-col .footer-logo{
  width:220px !important;
  max-width:100% !important;
  margin:0 0 .8rem !important;
}
#contacto-footer .footer-office-title{
  font-size:1rem !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  margin:.9rem 0 .45rem !important;
  color:#fff !important;
}

.reveal,
[data-reveal]{
  opacity:0 !important;
  transform:translate3d(0,34px,0);
  transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1) !important;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.reveal[data-reveal-dir="up"],
[data-reveal][data-reveal-dir="up"]{transform:translate3d(0,34px,0) !important;}
.reveal[data-reveal-dir="down"],
[data-reveal][data-reveal-dir="down"]{transform:translate3d(0,-34px,0) !important;}
.reveal[data-reveal-dir="left"],
[data-reveal][data-reveal-dir="left"]{transform:translate3d(30px,0,0) !important;}
.reveal[data-reveal-dir="right"],
[data-reveal][data-reveal-dir="right"]{transform:translate3d(-30px,0,0) !important;}
.reveal.is-visible,
.reveal.in,
[data-reveal].is-visible,
[data-reveal].in{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}

body[data-page='nosotros'] #valor-agregado .values-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:1.45rem !important;
  align-items:start !important;
}
body[data-page='nosotros'] #valor-agregado .value-card{
  grid-column:span 2;
  min-height:390px !important;
  height:auto !important;
  align-self:start !important;
  justify-content:flex-start !important;
  align-items:center !important;
}
body[data-page='nosotros'] #valor-agregado .value-card:nth-child(4){grid-column:2 / span 2 !important;}
body[data-page='nosotros'] #valor-agregado .value-card:nth-child(5){grid-column:4 / span 2 !important;}
body[data-page='nosotros'] #valor-agregado .value-card .icon,
body[data-page='nosotros'] #valor-agregado .value-card h3,
body[data-page='nosotros'] .case-card > i,
body[data-page='nosotros'] .case-card h3{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
body[data-page='nosotros'] #valor-agregado .value-card h3{
  color:var(--ticnix-orange-2,#FC8403) !important;
}
body[data-page='nosotros'] #valor-agregado .value-summary,
body[data-page='nosotros'] #valor-agregado .value-summary p,
body[data-page='nosotros'] .case-card,
body[data-page='nosotros'] .case-card .case-summary,
body[data-page='nosotros'] .case-card .case-summary p{
  text-align:center !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary{
  display:flex !important;
  flex-direction:column !important;
  gap:.72rem !important;
  width:100% !important;
  margin:0 0 1rem 0 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p{
  display:none !important;
  margin:0 !important;
  line-height:1.72 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:first-child{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  min-height:5.2em !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card:not(.is-expanded):not(.active) .value-summary p:first-child::after{
  content:'...' !important;
  display:inline !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active .value-summary p{
  display:block !important;
  overflow:visible !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p:first-child,
body[data-page='nosotros'] #valor-agregado .expandable-card.active .value-summary p:first-child{
  min-height:0 !important;
  -webkit-line-clamp:unset !important;
  display:block !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card .expand-toggle{
  margin-top:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  align-self:center !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover){
  background:#fff !important;
  background-image:none !important;
  box-shadow:0 20px 40px rgba(84,84,84,.10) !important;
  transform:none !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .icon i{
  color:#fff !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .value-summary p{
  color:#545454 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .expand-toggle{
  background:#fff !important;
  color:#FC8403 !important;
  border-color:rgba(252,132,3,.18) !important;
}

@media (max-width:1100px){
  body[data-page='nosotros'] #valor-agregado .values-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page='nosotros'] #valor-agregado .value-card,
  body[data-page='nosotros'] #valor-agregado .value-card:nth-child(4),
  body[data-page='nosotros'] #valor-agregado .value-card:nth-child(5){
    grid-column:auto !important;
  }
}
@media (max-width:900px){
  body[data-page='nosotros'] #valor-agregado .values-grid{
    grid-template-columns:1fr !important;
  }
  body[data-page='nosotros'] #valor-agregado .value-card{
    min-height:auto !important;
  }
  body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:first-child{
    min-height:0 !important;
  }
}


/* === v13 ajustes puntuales index + nosotros === */
body[data-page='index'] .soluciones-grid .card,
body[data-page='index'] .soluciones-grid .card h3,
body[data-page='index'] .soluciones-grid .card p{
  text-align:center !important;
}
body[data-page='index'] .soluciones-grid .card h3{
  color:#FC8403 !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='nosotros'] #valor-agregado .expandable-card{
  min-height:390px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .value-summary{
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  max-height:none !important;
  margin:0 0 .45rem 0 !important;
  line-height:1.72 !important;
  text-align:center !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .value-summary p{
  display:inline !important;
  margin:0 !important;
  line-height:1.72 !important;
  text-align:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p::after,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p::after{
  content:' ' !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary p:last-child::after,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary p:last-child::after{
  content:'' !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary{
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  margin:0 0 .45rem 0 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p{
  display:block !important;
  margin:0 0 .72rem 0 !important;
  text-align:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded .benefit-summary p:last-child,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded .value-summary p:last-child{
  margin-bottom:0 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card .expand-toggle{
  margin-top:.1rem !important;
  align-self:center !important;
}

/* Evita que el estado activo del reveal simule hover permanente */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded),
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover),
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover){
  background:#fff !important;
  transform:none !important;
  box-shadow:0 20px 40px rgba(84,84,84,.10) !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) > i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i{
  color:#FC8403 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) .benefit-summary,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) .benefit-summary p,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .benefit-summary,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .value-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .value-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .value-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .value-summary p{
  color:#545454 !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.active:not(.is-expanded) .expand-toggle,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card.is-expanded:not(:hover) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(.is-expanded) .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .expand-toggle{
  background:#fff !important;
  color:#FC8403 !important;
  border-color:rgba(252,132,3,.18) !important;
}

/* === v13 hotfix: stable accordions index + nosotros === */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='nosotros'] #valor-agregado .expandable-card{
  background:#fff !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover):not(.is-expanded),
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover):not(.is-expanded),
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover).is-expanded,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover).is-expanded{
  background:#fff !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover) > i,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover) .icon i{
  color:#FC8403 !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover) h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover) .benefit-summary,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(:hover) .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover) h3,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover) .value-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(:hover) .value-summary p{
  color:#545454 !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:hover,
body[data-page='nosotros'] #valor-agregado .expandable-card:hover{
  background:var(--ticnix-grad) !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:hover > i,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:hover h3,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:hover .benefit-summary,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:hover .benefit-summary p,
body[data-page='nosotros'] #valor-agregado .expandable-card:hover .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card:hover h3,
body[data-page='nosotros'] #valor-agregado .expandable-card:hover .value-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card:hover .value-summary p{
  color:#fff !important;
}

body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .expand-toggle,
body[data-page='nosotros'] #valor-agregado .expandable-card .expand-toggle{
  margin-top:.15rem !important;
}


/* === v16 final fixes: previews without ellipsis + icon stable in valor agregado === */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary::after,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary::after,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card:not(.is-expanded):not(.active) .benefit-summary p:first-child::after,
body[data-page='nosotros'] #valor-agregado .expandable-card:not(.is-expanded):not(.active) .value-summary p:first-child::after{
  content:none !important;
  display:none !important;
}

/* Mantener el preview limpio sin puntos, pero con el mismo recorte */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card .benefit-summary,
body[data-page='nosotros'] #valor-agregado .expandable-card .value-summary{
  overflow:hidden !important;
}

/* En valor agregado, el icono no debe desaparecer al abrir y dejar de hacer hover */
body[data-page='nosotros'] #valor-agregado .expandable-card .icon{
  background:linear-gradient(135deg,#FC8403,#FCC203) !important;
  border:none !important;
  box-shadow:0 10px 18px rgba(252,132,3,.22) !important;
  opacity:1 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card .icon i::before{
  color:#fff !important;
  opacity:1 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .icon,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .icon{
  background:linear-gradient(135deg,#FC8403,#FCC203) !important;
  border:none !important;
  box-shadow:0 10px 18px rgba(252,132,3,.22) !important;
  opacity:1 !important;
}
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .icon i,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:not(:hover) .icon i::before,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:not(:hover) .icon i::before,
body[data-page='nosotros'] #valor-agregado .expandable-card.active:focus-within:not(:hover) .icon i::before,
body[data-page='nosotros'] #valor-agregado .expandable-card.is-expanded:focus-within:not(:hover) .icon i::before{
  color:#fff !important;
  opacity:1 !important;
}


/* ===== FINAL V23.2: beneficios index alineados y entorno tecnologico unificado ===== */
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid){
  align-items:stretch !important;
  grid-auto-rows:1fr !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .expandable-card,
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card{
  align-self:stretch !important;
  min-height:390px !important;
  height:100% !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card > h3{
  min-height:5.7rem !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .benefit-summary{
  flex:1 1 auto !important;
}
body[data-page='index'] .beneficios-grid:not(.casos-beneficios-grid) .benefit-card .expand-toggle{
  margin-top:auto !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared,
body[data-page='talentoadministrativo'] .entorno-tech-shared,
body[data-page='talentoit'] .entorno-tech-shared,
body[data-page='talentoheadhunting'] .entorno-tech-shared{
  background:#fff7ef !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared h2,
body[data-page='talentoadministrativo'] .entorno-tech-shared h2,
body[data-page='talentoit'] .entorno-tech-shared h2,
body[data-page='talentoheadhunting'] .entorno-tech-shared h2,
body[data-page='atraccion-talento'] .entorno-tech-shared .section-intro,
body[data-page='talentoadministrativo'] .entorno-tech-shared .section-intro,
body[data-page='talentoit'] .entorno-tech-shared .section-intro,
body[data-page='talentoheadhunting'] .entorno-tech-shared .section-intro{
  text-align:center !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .section-intro,
body[data-page='talentoadministrativo'] .entorno-tech-shared .section-intro,
body[data-page='talentoit'] .entorno-tech-shared .section-intro,
body[data-page='talentoheadhunting'] .entorno-tech-shared .section-intro{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid{
  display:grid !important;
  grid-template-columns:repeat(12,minmax(0,1fr)) !important;
  gap:1rem !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid > .role-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid > .role-card,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid > .role-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid > .role-card{
  grid-column:span 3 !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(9),
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(9),
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(9),
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(9){grid-column:2 / span 3 !important;}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(10),
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(10),
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(10),
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(10){grid-column:5 / span 3 !important;}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(11),
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(11),
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(11),
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid > .role-card:nth-child(11){grid-column:8 / span 3 !important;}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel{
  position:relative !important;
  margin-top:1.35rem !important;
  overflow:hidden !important;
  padding:.2rem 0 !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  mask-image:linear-gradient(90deg,transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-track{
  display:flex !important;
  align-items:center !important;
  gap:1.1rem !important;
  width:max-content !important;
  animation:ticnixTechMarquee 34s linear infinite !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel:hover .tech-carousel-track,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel:hover .tech-carousel-track,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel:hover .tech-carousel-track,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel:hover .tech-carousel-track{
  animation-play-state:paused !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{
  width:164px !important;
  min-width:164px !important;
  height:104px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#ffffff 0%, #f8f9fb 100%) !important;
  border:1px solid rgba(252,132,3,.14) !important;
  border-radius:24px !important;
  box-shadow:0 16px 34px rgba(84,84,84,.08), 0 0 0 1px rgba(255,255,255,.8) inset !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  max-width:100% !important;
  max-height:68px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(252,132,3,.12)) !important;
}
@media (max-width:1100px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid > .role-card,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid > .role-card,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid > .role-card,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid > .role-card{grid-column:auto !important;}
}
@media (max-width:900px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{width:148px !important;min-width:148px !important;height:96px !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card img{max-height:58px !important;}
}
@media (max-width:640px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid{grid-template-columns:1fr !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel{-webkit-mask-image:none !important;mask-image:none !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-track{animation-duration:28s !important;}
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{width:136px !important;min-width:136px !important;height:88px !important;}
}


/* ===== FINAL V24.1: keyframes, entorno centrado y footer oficinas ===== */
@keyframes ticnixTechMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(calc(-50% - .55rem));}
}

body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1rem !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(220px,1fr)) !important;
  gap:1rem !important;
  max-width:980px !important;
  margin:1rem auto 0 !important;
}
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card{
  grid-column:auto !important;
}
#contacto-footer .footer-office-title{display:none !important;}
#contacto-footer .footer-actions-col .footer-office-link{
  display:inline-flex !important;
  width:100% !important;
  max-width:360px !important;
  margin:0 0 .85rem 0 !important;
}
#contacto-footer .footer-contact-col .footer-office-link{
  display:none !important;
}

@media (max-width:1100px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    max-width:900px !important;
  }
}
@media (max-width:900px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:640px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:1fr !important;
  }
}

/* ===== FINAL V25.1: fix tarjetas superiores entorno tecnológico ===== */
.entorno-tech-shared .entorno-tech-grid--top > .role-card{
  grid-column:auto !important;
}
.entorno-tech-shared .entorno-tech-grid--top{
  align-items:stretch !important;
}

/* ===== FINAL V27.1: reset definitivo entorno tecnológico al estilo correcto ===== */
body[data-page='atraccion-talento'] .entorno-tech-shared,
body[data-page='talentoadministrativo'] .entorno-tech-shared,
body[data-page='talentoit'] .entorno-tech-shared,
body[data-page='talentoheadhunting'] .entorno-tech-shared{
  background:#fff7ef !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:1.1rem !important;
  margin:1.35rem 0 0 !important;
  align-items:stretch !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:1.1rem !important;
  max-width:980px !important;
  margin:1.1rem auto 0 !important;
  align-items:stretch !important;
  justify-content:center !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top > .role-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top > .role-card,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top > .role-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top > .role-card,
body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom > .role-card{
  grid-column:auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  align-self:stretch !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel{
  display:block !important;
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  margin-top:1.35rem !important;
  padding:.45rem 0 !important;
  min-height:122px !important;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent) !important;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent) !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-track,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:1rem !important;
  width:max-content !important;
  animation:ticnixTechMarquee 34s linear infinite !important;
  will-change:transform !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{
  flex:0 0 164px !important;
  width:164px !important;
  min-width:164px !important;
  max-width:164px !important;
  height:104px !important;
  margin:0 !important;
}

@media (max-width:1100px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:900px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{
    flex-basis:148px !important;
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    height:96px !important;
  }
}

@media (max-width:640px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel{
    -webkit-mask-image:none !important;
    mask-image:none !important;
    min-height:112px !important;
  }
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-track,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-track{
    animation-duration:28s !important;
    gap:.85rem !important;
  }
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card{
    flex-basis:132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:88px !important;
  }
}

@media (max-width:420px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--top,
  body[data-page='atraccion-talento'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoit'] .entorno-tech-shared .entorno-tech-grid--bottom,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .entorno-tech-grid--bottom{
    grid-template-columns:1fr !important;
  }
}


/* ===== Ajustes finales footer + menú soluciones ===== */
#contacto-footer .footer-brand-col .footer-logo{margin-left:auto !important;margin-right:auto !important;}
#contacto-footer .footer-brand-col .social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.78rem !important;
  width:100% !important;
  margin:.25rem auto 0 !important;
}
#contacto-footer .footer-brand-col .social a{
  width:46px !important;
  height:46px !important;
}
@media (max-width:700px){
  #contacto-footer .footer-brand-col .social{justify-content:center !important;}
}
.services-dropdown > .submenu-item > a .dropdown-icon--svg img,
.services-dropdown > a .dropdown-icon--svg img{
  width:34px !important;
  height:34px !important;
}
.services-dropdown > .submenu-item > a .dropdown-icon--svg i,
.services-dropdown > a .dropdown-icon--svg i{
  font-size:1.45rem !important;
}

/* ===== Footer unificado final (sin títulos y logo más grande) ===== */
#contacto-footer .footer-grid-modern{
  align-items:start !important;
}
#contacto-footer .footer-menu-col h3,
#contacto-footer .footer-contact-col h3,
#contacto-footer .footer-actions-col h3{
  display:none !important;
}
#contacto-footer .footer-brand-col .footer-logo{
  width:220px !important;
  max-width:100% !important;
}
#contacto-footer .footer-brand-col,
#contacto-footer .footer-menu-col,
#contacto-footer .footer-contact-col,
#contacto-footer .footer-actions-col{
  min-width:0 !important;
}
#contacto-footer .footer-menu-col,
#contacto-footer .footer-contact-col,
#contacto-footer .footer-actions-col{
  padding-top:.15rem !important;
}
#contacto-footer .footer-menu,
#contacto-footer .contact-info{
  margin-top:0 !important;
}
#contacto-footer .footer-brand-col .social,
#contacto-footer .social{
  justify-content:center !important;
}
#contacto-footer .social a{
  width:46px !important;
  height:46px !important;
}
@media (max-width:700px){
  #contacto-footer .footer-brand-col .footer-logo{
    width:200px !important;
  }
}

/* ===== FINAL V44: logos más grandes en galerías de entorno tecnológico ===== */
body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card,
body[data-page='staffing'] .entorno-tech-shared .tech-carousel-card,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-carousel-card,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-carousel-card{
  padding:.72rem .85rem !important;
}

body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='staffing'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-carousel-card img,
body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-carousel-card img{
  max-width:92% !important;
  max-height:78px !important;
}

@media (max-width:900px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='staffing'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-carousel-card img{
    max-height:64px !important;
  }
}

@media (max-width:640px){
  body[data-page='atraccion-talento'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoadministrativo'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoit'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='talentoheadhunting'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='staffing'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='administracion-nomina-integral'] .entorno-tech-shared .tech-carousel-card img,
  body[data-page='capacitacion-coaching'] .entorno-tech-shared .tech-carousel-card img{
    max-height:58px !important;
  }
}


/* Ajuste puntual: Talento administrativo / ¿Por qué elegir TICNIX? */
body[data-page='talentoadministrativo'] #porque-elegir-ticnix .card{
  padding:2rem 1.55rem 1.8rem !important;
}
body[data-page='talentoadministrativo'] #porque-elegir-ticnix .card i{
  margin-bottom:.85rem !important;
}
body[data-page='talentoadministrativo'] #porque-elegir-ticnix .card h3{
  margin:0 0 .95rem !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
}
body[data-page='talentoadministrativo'] #porque-elegir-ticnix .card p{
  margin-top:.25rem !important;
}


/* Ajuste global: secciones ¿Por qué elegirnos? */
#porque-elegirnos .card,
#porque-elegirnos .card-why{
  padding:2rem 1.55rem 1.8rem !important;
}
#porque-elegirnos .card i,
#porque-elegirnos .card-why i{
  display:inline-flex !important;
  margin-bottom:.85rem !important;
}
#porque-elegirnos .card h3,
#porque-elegirnos .card-why h3{
  display:block !important;
  margin:0 0 .95rem !important;
  line-height:1.16 !important;
  letter-spacing:0 !important;
}
#porque-elegirnos .card p,
#porque-elegirnos .card-why p{
  margin-top:.45rem !important;
  line-height:1.65 !important;
}


/* ===== FINAL V60: global centered icons and footer socials ===== */
#contacto-footer .social,
#contacto-footer .footer-brand-col .social,
#contacto-footer .footer-actions-col .social,
.mobile-social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#contacto-footer .social a,
#contacto-footer .footer-brand-col .social a,
#contacto-footer .footer-actions-col .social a,
.mobile-social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.card > i,
.card-why > i,
.delivery-card > i,
.benefit-card > i,
.contact-info p > i,
.footer-action-btn > i,
.footer-office-link > i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}


/* ===== Global icon centering reinforcement ===== */
.icon,
.service-icon,
.dropdown-icon,
.submenu-inline-icon,
.mobile-icon,
.hero-badge i,
.step-number,
#contacto-footer .social a,
#contacto-footer .social a i,
.mobile-social a,
.mobile-social a i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#contacto-footer .social,
.mobile-social{
  justify-content:center !important;
  align-items:center !important;
}


/* ===== V63: centrado consistente de iconos y redes ===== */
#contacto-footer .social,
#contacto-footer .footer-brand-col .social,
#contacto-footer .footer-actions-col .social{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
#contacto-footer .social a,
#contacto-footer .footer-brand-col .social a,
#contacto-footer .footer-actions-col .social a,
#contacto-footer .social a i,
#contacto-footer .footer-brand-col .social a i,
#contacto-footer .footer-actions-col .social a i,
.service-icon,
.value-card .icon,
.delivery-card > i,
.benefit-card > i,
.process-step > i{
  display:flex;
  align-items:center;
  justify-content:center;
}


/* ===== V64: refuerzo final de centrado de iconos ===== */
#contacto-footer .social,
#contacto-footer .footer-brand-col .social,
#contacto-footer .footer-actions-col .social,
.service-icon,
.value-card .icon,
.delivery-card > i,
.benefit-card > i,
.process-step > i,
.card > i,
.footer-brand-col .social a,
.footer-brand-col .social a i{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}