
:root{
 --ink:#202831;--muted:#68737d;--gold:#e7b22b;--gold2:#bd890b;--paper:#f5f5f2;
 --white:#fff;--line:#dfe3e6;--radius:22px;--shadow:0 22px 70px rgba(24,32,40,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand-lockup{display:flex;flex-direction:column;gap:2px}.brand-lockup img{width:225px;max-height:58px;object-fit:contain;object-position:left center}
.brand-subtitle{font-size:.60rem;text-transform:uppercase;letter-spacing:.1em;font-weight:750}
.main-nav{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:650}.main-nav>a:not(.button):hover{color:var(--gold2)}
.menu-button{display:none;border:0;background:none;font-size:1.55rem}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:0;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:800;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(231,178,43,.24)}.button-small{min-height:42px;padding:0 19px}
.button-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}.button-outline:hover{background:#fff;color:var(--ink)}
.eyebrow{display:inline-block;margin-bottom:18px;color:var(--gold2);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow-light{color:var(--gold)}
h1,h2,h3{font-family:Manrope,Inter,sans-serif;line-height:1.12;margin-top:0}h1{font-size:clamp(3rem,6vw,5.7rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em}
.hero{min-height:750px;display:flex;align-items:center;color:#fff;background:linear-gradient(120deg,#182028 0%,#202831 62%,#39434d 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-260px;top:-280px;width:640px;height:640px;border:115px solid rgba(231,178,43,.12);transform:rotate(45deg)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;padding:95px 0}
.hero-copy>p{max-width:760px;color:#dbe1e6;font-size:1.13rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}
.hero-trust{display:flex;flex-wrap:wrap;gap:22px;color:#d7dde2;font-size:.9rem}
.hero-panel{padding:35px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);background:rgba(255,255,255,.08);backdrop-filter:blur(16px)}
.panel-badge{display:inline-block;padding:6px 11px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.hero-panel h2{margin-top:24px;font-size:2.2rem}.hero-panel p{color:#d7dde2}.hero-list{padding-left:22px}.hero-list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.specialties-strip{border-bottom:1px solid var(--line)}.specialties-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.specialty{padding:22px 18px;text-align:center;font-weight:800;border-right:1px solid var(--line)}.specialty:last-child{border-right:0}
.section{padding:100px 0}.section-heading{max-width:820px;margin-bottom:48px}.section-heading p{color:var(--muted)}
.experience-banner{background:var(--paper)}.experience-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:center}
.experience-number{font-family:Manrope,sans-serif;font-size:clamp(5rem,10vw,9rem);font-weight:800;line-height:.9;color:var(--gold2);letter-spacing:-.06em}.experience-number span{display:block;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-top:20px}
.experience-copy h2{margin-bottom:18px}.experience-copy p{font-size:1.08rem;color:var(--muted);max-width:720px}
.service-groups{display:grid;gap:18px}.service-group{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.service-group[open]{box-shadow:var(--shadow)}.service-group summary{display:grid;grid-template-columns:60px 1fr 35px;gap:20px;align-items:center;padding:28px 30px;cursor:pointer;list-style:none}
.service-group summary::-webkit-details-marker{display:none}.service-index{color:var(--gold2);font-weight:900}.service-group summary h3{margin:0 0 5px;font-size:1.3rem}.service-group summary p{margin:0;color:var(--muted)}
.summary-icon{font-size:1.7rem;color:var(--gold2)}.service-group[open] .summary-icon{transform:rotate(45deg)}.service-content{padding:0 30px 30px 110px}
.service-list{columns:2;column-gap:50px;padding-left:20px}.service-list li{break-inside:avoid;margin-bottom:11px}.service-list li::marker{color:var(--gold2)}
.process-section,.blog-preview,.audiences-section{background:var(--paper)}.steps,.why-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps article,.why-card{padding:26px;border-top:2px solid var(--ink)}.steps b,.why-card b{display:block;color:var(--gold2);margin-bottom:18px}.steps p,.why-card p{color:var(--muted)}
.audiences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.audience-card p{color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{display:flex;flex-direction:column;min-height:310px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.post-meta{font-size:.76rem;font-weight:800;color:var(--gold2);text-transform:uppercase}.post-card h3{margin:24px 0 12px;font-size:1.4rem}.post-card p{color:var(--muted)}.read-more{margin-top:auto;font-weight:800}
.faq-list{display:grid;gap:14px}.faq-list details{padding:22px 24px;border:1px solid var(--line);border-radius:16px}.faq-list summary{cursor:pointer;font-weight:750}.faq-list p{color:var(--muted)}
.contact-section{padding:100px 0;background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}.contact-section p{color:#cfd6dc}.contact-data{display:grid;gap:11px;margin-top:30px}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.social-link{padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px}
.contact-form{display:grid;gap:17px;padding:32px;border-radius:var(--radius);background:#fff;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:8px;font-size:.9rem;font-weight:750}input,select,textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafafa;outline:0}
.form-status{min-height:24px;font-size:.92rem}.form-status.success{padding:13px 14px;color:#155724;background:#eaf7ed;border:1px solid #b9dfc1;border-radius:12px}.form-status.error{padding:13px 14px;color:#7a1f1f;background:#fff0f0;border:1px solid #efc3c3;border-radius:12px}
.honey-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.site-footer{padding:34px 0;background:#161c22;color:#c7cfd5}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}
.footer-title{font-weight:800;color:#fff;margin-bottom:8px}.footer-links{display:grid;gap:7px}.footer-brand img{width:180px;filter:brightness(0) invert(1);opacity:.9}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:88px;left:20px;right:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-button{display:block}.hero-grid,.contact-grid,.experience-grid{grid-template-columns:1fr}.specialties-grid{grid-template-columns:repeat(2,1fr)}.steps,.why-cards{grid-template-columns:repeat(2,1fr)}.audiences-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.service-list{columns:1}}
@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.brand-lockup img{width:175px}.brand-subtitle{font-size:.48rem}.hero-grid{padding:70px 0}.section,.contact-section{padding:74px 0}.specialties-grid,.steps,.why-cards,.audiences-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}.specialty{border-right:0;border-bottom:1px solid var(--line)}.form-row{grid-template-columns:1fr}.service-group summary{grid-template-columns:42px 1fr 24px;padding:22px 18px}.service-content{padding:0 20px 22px 55px}}

.social-links{display:flex;align-items:center;gap:12px;margin-top:18px}
.social-icon{
 width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;
 border:1px solid rgba(255,255,255,.28);border-radius:50%;
 color:#fff;transition:transform .2s ease,background .2s ease,border-color .2s ease
}
.social-icon:hover{transform:translateY(-2px);background:var(--gold);border-color:var(--gold);color:var(--ink)}
.social-icon img{width:22px;height:22px}
.footer-social-icons{display:flex;gap:12px;margin:4px 0 8px}
.footer-social-icon{width:42px;height:42px}
.footer-social-icon img{width:20px;height:20px}

.social-icon{background:#fff!important;border-color:rgba(255,255,255,.24)!important;overflow:hidden;padding:0!important}
.social-icon:hover{background:#fff!important;transform:translateY(-2px) scale(1.04)}
.social-icon img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.footer-social-icon{background:transparent!important}

/* Logo APROBA: más grande y sin subtítulo duplicado dentro de la imagen */
.brand-lockup img{width:270px;max-height:78px;object-fit:contain;object-position:left center}
.footer-brand img{width:220px;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:650px){.brand-lockup img{width:215px;max-height:66px}.footer-brand img{width:190px}}

/* Corrección del logo del pie de página */
.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
}
.footer-brand img{
  width:220px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:none !important;
  opacity:1 !important;
  background:transparent !important;
}
.footer-brand-subtitle{
  color:#c7cfd5;
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:700;
}
@media(max-width:650px){
  .footer-brand img{width:190px !important;}
}

/* Logo APROBA invertido para pie de página oscuro */
.footer-brand img{
  background:#161c22 !important;
  border:0 !important;
  box-shadow:none !important;
}
