@layer base{html,body{margin:0;padding:0;}body{overscroll-behavior:none;}main>:first-child{margin-top:0!important;}main>:last-child{margin-bottom:0!important;}}::-webkit-scrollbar{display:none;}
@keyframes luxuryMarquee { 0%, 20% { transform: translateX(0%); } 25%, 45% { transform: translateX(-12.5%); } 50%, 70% { transform: translateX(-25%); } 75%, 95% { transform: translateX(-37.5%); } 100% { transform: translateX(-50%); } } .animate-marquee-smooth { display: flex; width: max-content; animation: luxuryMarquee 15s cubic-bezier(0.65, 0, 0.35, 1) infinite; } .animate-marquee-smooth:hover { animation-play-state: paused; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
@media (min-width: 1024px) { body.home footer.w-full { padding-bottom: 76px; } }
body { overflow-x: hidden; }
main > div > section:not(#hero) h2 { font-size: clamp(30px, 3.2vw, 40px); }
.chavez-problem-title { align-self: flex-start; width: max-content; max-width: 100%; padding-bottom: 10px; border-bottom: 7px solid #ccff00; border-radius: 0 0 3px 3px; }
@media (max-width: 639px) { .chavez-problem-title { padding-bottom: 0; border-bottom: 0; } .chavez-problem-title::after { content: ""; display: block; width: 85%; height: 7px; margin-top: 10px; background: #ccff00; border-radius: 3px; } }
#areas-practica h3 { font-size: clamp(18px, 1.4vw, 20px); }
.chavez-advantages h3 { font-size: clamp(17px, 1.45vw, 20px); }
.chavez-faq button[aria-controls^="faq"] > span:first-child { font-size: clamp(16px, 1.3vw, 18px); }
#testimonialsContainer:focus-visible { outline: 3px solid #41ad49; outline-offset: 3px; }
#testimonialsContainer .chavez-confirmed { display: inline-flex; align-items: center; gap: .35rem; white-space: nowrap; }
#testimonialsContainer .chavez-confirmed::before { content: "✓"; color: #41ad49; font-size: 1rem; line-height: 1; }
#contacto .chavez-contact-label { color: #b9beb9; font-size: 13px; font-weight: 800; letter-spacing: .06em; line-height: 1.4; margin-bottom: 4px; }
#contacto .chavez-contact-value { color: #f5f5f2; font-size: 14px; font-weight: 600; line-height: 1.5; }
#contacto .chavez-contact-whatsapp { display: block; text-decoration: none; }
#contacto .chavez-contact-whatsapp :is(.chavez-contact-label, .chavez-contact-value) { display: block; }
#contacto .chavez-contact-whatsapp:hover :is(.chavez-contact-label, .chavez-contact-value) { color: #ccff00; }
#contacto .chavez-contact-whatsapp:focus-visible { outline: 3px solid #ccff00; outline-offset: 4px; border-radius: 2px; }
#contacto .chavez-response-card { position: relative; overflow: hidden; border-color: #3b4b36; background: linear-gradient(145deg, #242a23, #1b1c1c 65%); }
#contacto .chavez-response-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #66ff33; }
#contacto .chavez-response-icon { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 20px; border-radius: 12px; background: #344332; color: #ccff00; }
#contacto .chavez-response-card h3 { font-size: clamp(22px, 2vw, 27px); line-height: 1.2; }
@media (min-width: 1024px) {
  #contacto .grid { align-items: start; }
  #contacto .grid > div:last-child { padding-top: 32px; }
}
.chavez-whatsapp-icon { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: url('../images/whatsapp-icon.svg') center / contain no-repeat; mask: url('../images/whatsapp-icon.svg') center / contain no-repeat; }
.chavez-whatsapp-icon--bubble { width: 28px; height: 28px; flex-basis: 28px; }
@media (min-width: 1024px) {
  #nosotros .chavez-about-layout { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "copy portrait" "facts bio"; row-gap: 0; }
  #nosotros .chavez-about-copy-column, #nosotros .chavez-about-profile-column { display: contents; }
  #nosotros .chavez-about-copy-column > :first-child { grid-area: copy; }
  #nosotros .chavez-about-copy-column > :last-child { grid-area: facts; }
  #nosotros .chavez-about-profile-column > :first-child { grid-area: portrait; }
  #nosotros .chavez-about-profile-column > :last-child { grid-area: bio; }
}
header img.chavez-brand-logo, footer img.chavez-brand-logo { width: 210px !important; height: auto !important; max-height: 66px; }
@media (min-width: 1240px) { header img.chavez-brand-logo { width: 228px !important; } }
@media (max-width: 639px) { header img.chavez-brand-logo { width: clamp(144px, 44vw, 176px) !important; } }
footer img.chavez-brand-logo { transform: translateX(-4px); }
@media (min-width: 640px) and (max-width: 767px) { footer img.chavez-brand-logo { transform: translateX(4px); } }
@media (min-width: 768px) and (max-width: 1023px) { footer img.chavez-brand-logo { transform: translateX(-16px); } }
@media (min-width: 1024px) { footer img.chavez-brand-logo { transform: translateX(calc(max(0px, (100vw - 1240px) / 2) - max(0px, (100vw - 1440px) / 2) - 48px)); } }
.chavez-prose > * + * { margin-top: 1.5rem; }
.chavez-prose > h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 800; line-height: 1.2; }
.chavez-prose > h3 { font-size: 1.4rem; font-weight: 700; }
.chavez-prose > p, .chavez-prose > ul, .chavez-prose > ol { color: #d4d4d4; line-height: 1.8; }
.chavez-prose > ul { list-style: disc; padding-left: 1.5rem; }
.chavez-prose > ol { list-style: decimal; padding-left: 1.5rem; }
.chavez-prose > p a, .chavez-prose > ul a, .chavez-prose > ol a { color: #66ff33; text-decoration: underline; }
.chavez-prose > figure img, .chavez-prose > p img { max-width: 100%; height: auto; }
.chavez-prose > .wp-block-columns { gap: 2rem; }
.chavez-prose > section { width: 100vw; margin-left: calc(50% - 50vw); margin-top: 0; }
@media (max-width: 639px) {
  #wizardCard h2 { white-space: normal !important; font-size: clamp(19px, 6vw, 28px); }
  #wizardCard h2 > span:first-child { flex-wrap: wrap; }
}
#leadStatus { margin-top: .5rem; font-size: 12px; color: #b42318; }
@media (max-width: 1023px) {
  #como-trabajamos h2 { white-space: normal; }
}
@media (max-width: 639px) {
  section h2.whitespace-nowrap { white-space: normal; }
  header > div:first-child { gap: .5rem; padding-inline: 1rem; }
  header img { max-width: clamp(144px, 44vw, 176px); }
  header > div:first-child > div:last-child { gap: .5rem; }
  header > div:first-child > div:last-child > a:last-child { padding: .5rem; font-size: 12px; }
  header > div:first-child > div:last-child > a:last-child .material-symbols-outlined { display: none; }
}
@media (max-width: 767px) {
  footer.w-full > div > div:first-child { display: none; }
  body > .chavez-whatsapp-float.fixed { position: fixed; display: flex; right: 16px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); z-index: 60; visibility: visible; }
  .chavez-whatsapp-float > a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #66ff33; color: #111; opacity: 1; }
  .chavez-whatsapp-float > a:is(:hover, :focus-visible) { opacity: 1; }
  .chavez-whatsapp-float > a:focus-visible { outline: 3px solid #131313; outline-offset: 2px; }
  .chavez-whatsapp-float .chavez-whatsapp-icon--bubble { width: 22px; height: 22px; flex-basis: 22px; }

  #hero > div > .grid { row-gap: 20px; }
  #hero .chavez-hero-actions { margin-top: 0; gap: 12px; }
  main > div > section:not(#hero) h2 { line-height: 1.12; }
  main section span.uppercase.tracking-wider.font-extrabold,
  main section:not(#hero) div.uppercase.tracking-wider,
  .chavez-articles__eyebrow { font-size: 13px; font-weight: 800; line-height: 1.25; }
  #nosotros .chavez-about-profile-column img { max-width: clamp(150px, 45vw, 190px); }
}
