:root{color-scheme:dark;--ink:#0a0a0a;--metal:#e5e7eb}
html{scroll-behavior:smooth}
body{background:var(--ink);color:#e5e7eb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;margin:0;padding:0;box-sizing:border-box;}
.platinum{background:linear-gradient(115deg,#ffffff 10%,#d1d5db 45%,#f4f5f7 75%,#9ca3af 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hairline{border-color:#262626;}
.visual{background:radial-gradient(ellipse at 68% 36%,#262626 0%,#141414 40%,#0a0a0a 75%)}
.field{display:block;width:100%;padding:.95rem 1rem;border:1px solid #525252;border-radius:.45rem;background:#171717;color:#fff;font-size:1rem;box-sizing:border-box;}
.field::placeholder{color:#8a8f98}
.brand-logo{display:block;width:auto;max-width:100%;height:58px;object-fit:contain;object-position:left center}
.wa-float{position:fixed;right:22px;bottom:20px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 25px #0008;z-index:60}
.wa-float:hover{background:#1da851;transform:translateY(-2px)}
.wa-float svg{width:31px;height:31px}
.field:focus-visible{outline:3px solid #a3a3a3;outline-offset:2px;border-color:#e5e7eb;}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:1rem;z-index:100;background:#fff;color:#000;padding:.75rem}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand-logo{height:clamp(36px,5vw,58px)}
@media(max-width:640px){.brand-logo{height:35px}.wa-float{right:14px;bottom:14px}}
.lang-flag{width:30px;height:20px;object-fit:cover;border-radius:2px;border:1px solid #4b5563;flex-shrink:0;display:block}
.cap-photo{width:100%;height:190px;object-fit:cover;border-radius:6px;margin-bottom:18px;border:1px solid #303030}
.contact-side-card{background:#f7f7f8;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem 1.25rem 1rem}
.contact-bullet,.custom-bullet{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;font-weight:700;color:#111827}
input[type="file"]::file-selector-button{margin-right:1rem;border:none;background:#111827;color:#fff;padding:.75rem 1rem;border-radius:.45rem;cursor:pointer}
input[type="file"]::file-selector-button:hover{background:#1f2937}
textarea.field{resize:vertical}

/* EVD v4: consistent card heights, spacing, and image bounds */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
#capacidades,#personaliza,#contacto,#enfoque,#experiencia{scroll-margin-top:88px}
#cap-grid > article{display:flex;flex-direction:column;min-width:0;overflow:hidden}
#cap-grid > article .cap-photo{display:block;flex:none;width:100%;height:175px;aspect-ratio:16/9;object-fit:cover;object-position:center}
#cap-grid > article h3,#cap-grid > article p{overflow-wrap:anywhere}
#cap-grid > article a{margin-top:auto;padding-top:20px;align-self:flex-start;line-height:1.5}
#enfoque .grid > *,#personaliza .grid > *,#contacto .grid > *{min-width:0;max-width:100%}
#enfoque img,#personaliza img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}
#personaliza a#custom-cta{display:inline-flex;align-items:center;justify-content:center;position:static;max-width:100%;white-space:normal;line-height:1.4;min-height:48px;overflow-wrap:anywhere}
#personaliza ul{padding-left:0;list-style:none}
#personaliza li{line-height:1.65}
#contacto .contact-side-card{margin-top:24px;max-width:100%}
#contacto .field{max-width:100%;width:100%}
@media(max-width:767px){#cap-grid > article .cap-photo{height:200px}#personaliza a#custom-cta{width:100%}}
