/* Adaptación de identidad sobre Handify. Los diseños de sus secciones permanecen en style.css. */
:root{--accent-color:#062858;--text-color-2:#707070;--gold:#c4932c}
html{scroll-behavior:smooth;scroll-padding-top:150px}
body{overflow-x:clip}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9e6e17;outline-offset:4px}
.skip-link{position:fixed;left:15px;top:-80px;z-index:2000;background:#fff;padding:12px 18px}.skip-link:focus{top:10px}
.template-page-title{font-size:56px}
.client-photo{object-fit:cover}
.identity-photo{object-fit:contain}
.brand-backdrop{position:relative;isolation:isolate}
.brand-backdrop:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--template-background);background-image:url('../image/hero-component.png');background-size:var(--template-background-size);filter:brightness(0) saturate(100%) invert(13%) sepia(39%) saturate(2400%) hue-rotate(190deg) brightness(88%) contrast(105%)}
img[src="image/hero-component2.png"],img[src="image/icon-1.png"]{filter:brightness(0) saturate(100%) invert(59%) sepia(48%) saturate(627%) hue-rotate(1deg) brightness(91%) contrast(93%)}
.image-origin-note{font:12px/1.5 var(--font-2);text-align:center;margin:0;padding:18px 24px;color:#707070}
.contact-details h6,.email-link{overflow-wrap:anywhere}
/* Contacto: fijo y WhatsApp en la misma línea, dentro de la tarjeta original. */
.contact-details .contact-phone-numbers{display:flex;justify-content:center;align-items:center;gap:.4em;white-space:nowrap}
.contact-details .contact-phone-numbers a{font:inherit;color:inherit;text-decoration:none}
.contact-details .contact-phone-numbers a:hover{text-decoration:underline}
@media(min-width:1024px) and (max-width:1199px){.contact-details .contact-phone-numbers{font-size:18px}}
#form-status{font-size:14px;line-height:1.5}#form-status:empty{display:none}
.gallery-pending{cursor:default}
@media(max-width:1023px){.template-page-title{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Preserve the circular service action when Handify stacks the card on a small screen. */
.card-service>a{align-self:flex-start;flex-shrink:0}
.card-service .button-box{width:50px;height:50px}
img[src="image/home-renovation.png"],img[src="image/hard-hat.png"],img[src="image/bank-building.png"],img[src="image/blueprint.png"]{filter:brightness(0) saturate(100%) invert(59%) sepia(48%) saturate(627%) hue-rotate(1deg) brightness(91%) contrast(93%)}
.step-text{color:#9e6e17}
.navigation:focus-within{background-color:var(--accent-color);color:var(--primary)}
.navigation:focus-within p{color:var(--primary)}
.navigation:focus-within img{opacity:1}
@media(max-width:1023px){.navigation:focus-within img{height:100%}}

/* Estados del formulario; se conserva la composición original de Handify. */
#consulta-form .contact-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#form-status[data-state="error"]{color:#a32727}
#form-status[data-state="success"]{color:#176137}
#consulta-form .invalid-feedback{color:#a32727}
#consulta-form [aria-busy="true"],#consulta-form button:disabled{cursor:wait}