/* Complemento: valores HTML de la guía de marca proporcionada. */
:root{--cp-brand-blue:#687189;--cp-brand-green:#AAB6AE;--cp-brand-sand:#D8BE98;--cp-ink:#303642;--cp-accent:#687189;--cp-sand:#D8BE98;--cp-paper:#fff;--cp-line:#AAB6AE}
.complemento-home-page{background:#fff!important;color:var(--cp-ink)!important}
.cp-header{background:rgba(255,255,255,.97)!important;border-bottom-color:var(--cp-brand-green)!important}
.cp-nav a,.cp-back{color:var(--cp-ink)!important}
.cp-nav__cta{border-color:var(--cp-brand-blue)!important}
.cp-nav__cta:hover{background:var(--cp-brand-blue)!important;color:#fff!important}
.cp-eyebrow{color:var(--cp-brand-blue)!important}
.cp-button{background:var(--cp-brand-blue)!important;color:#fff!important}
.cp-button:hover{background:var(--cp-ink)!important}
.cp-hero,.cp-case-hero{background:var(--cp-brand-blue)!important;color:#fff!important}
.cp-hero__overlay,.cp-case-hero__overlay{background:linear-gradient(90deg,rgba(48,54,66,.94),rgba(48,54,66,.64))!important}
.cp-hero .cp-eyebrow,.cp-case-hero .cp-eyebrow{color:var(--cp-brand-sand)!important}
.cp-lead,.cp-case-hero>div>p:last-child{color:#fff!important}
.cp-section__intro p,.cp-services p,.cp-about p,.cp-gallery__hint,.cp-case-story__grid>div:last-child p{color:var(--cp-ink)!important}
#servicios .cp-service-heading,#servicios .cp-service-heading>span,#servicios .cp-service-icon{color:var(--cp-brand-blue)!important}
#servicios .cp-services--five>article{border-color:var(--cp-brand-green)!important}
#servicios .cp-services--five article>p,#servicios .cp-services-tagline{color:var(--cp-ink)!important}
#servicios .cp-service-more{color:var(--cp-brand-blue)!important;border-bottom-color:var(--cp-brand-blue)!important}
.cp-service-dialog{background:#fff!important;color:var(--cp-ink)!important;border-top-color:var(--cp-brand-blue)!important}
.cp-service-dialog::backdrop{background:rgba(48,54,66,.8)!important}
.cp-service-dialog button{color:var(--cp-ink)!important}
.cp-service-dialog li::marker{color:var(--cp-brand-blue)!important}
.cp-service-dialog__closing{border-top-color:var(--cp-brand-green)!important}
#servicios .cp-service-more:focus-visible,.cp-service-dialog button:focus-visible{outline-color:var(--cp-brand-blue)!important}
.cp-process{background:var(--cp-brand-green)!important}
.cp-process p,.cp-process span,.cp-process .cp-eyebrow,.cp-process li::before{color:var(--cp-ink)!important}
.cp-process ol,.cp-process li{border-color:rgba(48,54,66,.3)!important}
.cp-team{background:var(--cp-brand-sand)!important}
.cp-team .cp-eyebrow,.cp-team__intro>p:last-child,.cp-team__leader span{color:var(--cp-ink)!important}
.cp-team__leader{border-top-color:rgba(48,54,66,.3)!important}
.cp-team__banner{background:var(--cp-brand-blue)!important}
.cp-team__banner::after{background:linear-gradient(90deg,rgba(48,54,66,.55),rgba(48,54,66,.3) 70%)!important}
.cp-cases,.cp-case-story{background:#fff!important}
.cp-case{background:var(--cp-brand-blue)!important}
.cp-case--text{background:var(--cp-brand-blue)!important}
.cp-gallery{background:var(--cp-brand-sand)!important}
.cp-gallery .cp-eyebrow{color:var(--cp-ink)!important}
.cp-carousel{scrollbar-color:var(--cp-brand-blue) var(--cp-brand-sand)!important}
.cp-carousel::-webkit-scrollbar-thumb{background:var(--cp-brand-blue)!important}
.cp-collage figure{background:var(--cp-brand-blue)!important}
.cp-contact{background:var(--cp-brand-blue)!important;color:#fff!important}
.cp-contact .cp-eyebrow{color:#fff!important}
.cp-contact__links>a:not(.cp-button){color:#fff!important}
.cp-button--light{background:var(--cp-brand-sand)!important;color:var(--cp-ink)!important}
.cp-button--light:hover{background:var(--cp-brand-green)!important}
.cp-footer{background:var(--cp-ink)!important;color:#fff!important;border-top:4px solid var(--cp-brand-green)!important}
.complemento-home-page a:focus-visible,.complemento-home-page button:focus-visible{outline:3px solid currentColor!important;outline-offset:4px!important}

/* Botones de contacto: color solicitado por la marca. */
.cp-nav .cp-nav__cta,
.cp-hero .cp-button[href="#contacto"],
.cp-contact .cp-button,
.cp-nav .cp-nav__cta:hover,
.cp-hero .cp-button[href="#contacto"]:hover,
.cp-contact .cp-button:hover{
  background:#D8BE98!important;
  color:#303642!important;
  border-color:#D8BE98!important;
}
.cp-nav .cp-nav__cta:hover,
.cp-hero .cp-button[href="#contacto"]:hover,
.cp-contact .cp-button:hover{box-shadow:inset 0 0 0 2px #303642!important}
/* Aislar los textos del tema del WordPress principal. */
body.complemento-home-page{font-size:clamp(18px,calc(18px + (1vw - 3.2px)*.392),22px)!important;font-weight:300!important;letter-spacing:-.1px!important}
body.complemento-home-page h1,body.complemento-home-page h2,body.complemento-home-page h3{color:inherit!important;font-weight:400!important}
body.complemento-home-page h3{font-family:Roboto,Arial,sans-serif!important}
body.complemento-home-page .cp-section h2,
body.complemento-home-page .cp-services h3,
body.complemento-home-page .cp-service-dialog h3,
body.complemento-home-page .cp-process h2,
body.complemento-home-page .cp-team h2,
body.complemento-home-page .cp-case-story h2,
body.complemento-home-page .cp-gallery h2{color:#303642!important}
body.complemento-home-page .cp-hero h1,
body.complemento-home-page .cp-case-hero h1,
body.complemento-home-page .cp-case h3,
body.complemento-home-page .cp-contact h2{color:#fff!important}
body.complemento-home-page .cp-process__steps b,
body.complemento-home-page .cp-team__leader strong{font-weight:400!important}
/* Fondos de Servicios y Nuestro equipo. */
body.complemento-home-page #nosotros.cp-team{background:#fff!important}
body.complemento-home-page #servicios{background:#D8BE98!important}
body.complemento-home-page #servicios .cp-eyebrow,
body.complemento-home-page #servicios .cp-service-heading,
body.complemento-home-page #servicios .cp-service-heading>span,
body.complemento-home-page #servicios .cp-service-icon,
body.complemento-home-page #servicios .cp-service-more{color:#303642!important}
body.complemento-home-page #servicios .cp-service-more{border-bottom-color:#303642!important}
body.complemento-home-page #servicios .cp-services,
body.complemento-home-page #servicios .cp-services--five>article{border-color:rgba(48,54,66,.3)!important}
/* Servicios con el fondo de la sección Hablemos. */
body.complemento-home-page #servicios{background:#687189!important;color:#fff!important}
body.complemento-home-page #servicios .cp-eyebrow,
body.complemento-home-page #servicios .cp-section__intro h2,
body.complemento-home-page #servicios .cp-section__intro p,
body.complemento-home-page #servicios .cp-services--five h3,
body.complemento-home-page #servicios .cp-services--five article>p,
body.complemento-home-page #servicios .cp-service-heading,
body.complemento-home-page #servicios .cp-service-heading>span,
body.complemento-home-page #servicios .cp-service-icon,
body.complemento-home-page #servicios .cp-service-more,
body.complemento-home-page #servicios .cp-services-tagline{color:#fff!important}
body.complemento-home-page #servicios .cp-service-more{border-bottom-color:#fff!important}
body.complemento-home-page #servicios .cp-services,
body.complemento-home-page #servicios .cp-services--five>article{border-color:rgba(255,255,255,.45)!important}
body.complemento-home-page #servicios .cp-service-more:focus-visible{outline-color:#fff!important}
/* Las ventanas Ver más conservan fondo blanco y texto oscuro. */
body.complemento-home-page #servicios .cp-service-dialog,
body.complemento-home-page #servicios .cp-service-dialog h3,
body.complemento-home-page #servicios .cp-service-dialog p,
body.complemento-home-page #servicios .cp-service-dialog li,
body.complemento-home-page #servicios .cp-service-dialog button{color:#303642!important}
/* Procesos: introducción arriba y seis pasos en una cuadrícula equilibrada. */
body.complemento-home-page #proceso .cp-process__grid{display:block!important}
body.complemento-home-page #proceso .cp-process-title{max-width:1050px!important}
body.complemento-home-page #proceso .cp-process-title+p{max-width:700px!important}
body.complemento-home-page #proceso .cp-process__steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 32px!important;margin:42px 0 0!important;padding:0!important;border-top:0!important}
body.complemento-home-page #proceso .cp-process__steps li{border-top:1px solid rgba(48,54,66,.3)!important;border-bottom:0!important;padding:24px 0!important;margin:0!important}
body.complemento-home-page #proceso .cp-process__steps li span{font-size:18px!important}
@media(max-width:1000px){body.complemento-home-page #proceso .cp-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){body.complemento-home-page #proceso .cp-process__steps{grid-template-columns:1fr!important}}

/* Ajustes móviles: navegación completa y contenido sin desbordamientos. */
@media(max-width:760px){
 body.complemento-home-page .cp-header{position:relative!important;top:auto!important}
 body.complemento-home-page .cp-header__inner{flex-wrap:wrap!important;gap:8px 12px!important;padding-top:8px;padding-bottom:12px}
 body.complemento-home-page .cp-brand{width:150px!important;height:76px!important;flex:0 0 150px!important}
 body.complemento-home-page .cp-brand img{width:150px!important;height:76px!important;max-width:100%!important}
 body.complemento-home-page .cp-nav{display:flex!important;flex:1 0 100%;flex-wrap:wrap;gap:4px 12px!important;justify-content:center;min-width:0}
 body.complemento-home-page .cp-nav a,
 body.complemento-home-page .cp-nav a:not(.cp-nav__cta){display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;font-size:14px!important}
 body.complemento-home-page .cp-nav .cp-nav__cta{padding:8px 14px}
 body.complemento-home-page .cp-back{min-height:44px;display:inline-flex;align-items:center;font-size:14px;max-width:100%}
 body.complemento-home-page .cp-contact__inner{grid-template-columns:minmax(0,1fr)!important}
 body.complemento-home-page .cp-contact__inner>*,
 body.complemento-home-page .cp-contact__links{min-width:0;max-width:100%}
 body.complemento-home-page .cp-contact__links>a{max-width:100%;overflow-wrap:anywhere}
 body.complemento-home-page .cp-team__banner{width:100%!important;margin:0!important}
 body.complemento-home-page .cp-team__banner-copy span{max-width:100%;font-size:clamp(22px,6.3vw,38px)!important;transform:none!important}
 body.complemento-home-page .cp-team__banner img{min-height:240px;object-fit:cover}
 body.complemento-home-page .cp-service-dialog{max-width:calc(100% - 24px);max-height:85dvh;overflow-y:auto}
 body.complemento-home-page .cp-nav a:focus-visible,
 body.complemento-home-page .cp-back:focus-visible{outline:2px solid #687189;outline-offset:3px}
}
@media(max-width:360px){
 body.complemento-home-page .cp-header__inner{gap:8px}
 body.complemento-home-page .cp-brand{width:132px!important;height:67px!important;flex-basis:132px!important}
 body.complemento-home-page .cp-brand img{width:132px!important;height:67px!important}
 body.complemento-home-page .cp-team__leaders{grid-template-columns:minmax(0,1fr)!important}
}

/* Brand blue while the original video starts; no initial photograph. */
body.complemento-home-page .cp-hero--video{background:#687189!important}
.cp-hero--video:not(.cp-video-ready) .cp-hero__video{opacity:0}
.cp-hero--video:not(.cp-video-ready) .cp-hero__overlay{opacity:0}