
/* Consistent project cards and personal skills on the home page. */
#proyectos .home-project-card{display:flex;flex-direction:column;height:100%;min-width:0}#proyectos .home-project-info{display:flex;flex-direction:column;padding:28px 24px;background:var(--color-brand-primary);color:var(--color-brand-cream);min-height:280px;gap:13px}#proyectos .home-project-category{font-size:11px;letter-spacing:.09em;text-transform:uppercase;opacity:.8;margin:0}#proyectos .home-project-info h3{font-size:clamp(28px,3vw,43px);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:0}#proyectos .home-project-description{font-size:17px;line-height:1.4;max-width:35ch;margin:0}#proyectos .home-project-link{display:inline-flex;justify-content:space-between;align-items:center;align-self:stretch;margin-top:auto;padding-top:10px;font-size:17px}#proyectos .home-project-link span{font-size:26px;transition:translate .3s}#proyectos .home-project-link:hover span{translate:3px -3px}#proyectos .home-project-cover{position:relative;display:block;flex:1 1 420px;min-height:380px;overflow:hidden;background:#FDFCF3}#proyectos .home-project-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .7s}#proyectos .home-project-cover:hover img{transform:scale(1.025)}#proyectos [data-project-index]{min-height:110px}#proyectos [data-project-index] img{object-position:center}#proyectos .home-project-portrait{position:relative;min-width:0;overflow:hidden;display:none}#proyectos .home-project-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;transition:transform 1s}#proyectos .home-project-portrait:hover img{transform:scale(1.035)}
.home-skills{color:var(--color-brand-primary);border-bottom:1px solid color-mix(in srgb,currentColor 35%,transparent)}.home-skills-heading{padding:100px 8.333vw 45px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.home-skills-heading h2{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.06em;line-height:.95;font-weight:650;margin:0;max-width:8ch}.home-skills-heading>p{font-size:20px;line-height:1.4;max-width:29ch;margin:0}.home-skill{margin:0 8.333vw;display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:35px;align-items:center;min-height:170px;padding:32px 0;border-top:1px solid color-mix(in srgb,currentColor 35%,transparent);position:relative}.home-skill:before{content:'';position:absolute;inset:0 -20px;background:color-mix(in srgb,var(--color-brand-cream) 55%,transparent);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}.home-skill:hover:before{opacity:1}.home-skill h3{font-size:clamp(26px,2.8vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:0}.home-skill>p{font-size:19px;line-height:1.45;margin:0;max-width:36ch}.home-skill ul{display:flex;flex-wrap:wrap;gap:7px;align-content:center}.home-skill li{font-size:12px;line-height:1.25;padding:7px 10px;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
@media(min-width:1024px){#proyectos .home-project-portrait{display:block;grid-column:span 4/span 4}}
@media(max-width:767px){#proyectos .home-project-info{padding:22px 18px;min-height:280px;gap:12px}#proyectos .home-project-info h3{font-size:29px}#proyectos .home-project-description{font-size:16px}#proyectos .home-project-category{font-size:10px;line-height:1.4}#proyectos .home-project-link{font-size:16px}#proyectos .home-project-cover{min-height:300px;flex-basis:300px}#proyectos [data-project-index]{min-height:100px}#proyectos [data-project-index]{width:68px}#proyectos [data-project-index]:first-child{border-top:0}.home-skills-heading{padding:65px 24px 35px;display:block}.home-skills-heading h2{font-size:58px;max-width:8ch}.home-skills-heading>p{font-size:18px;margin-top:25px}.home-skill{margin:0 24px;display:block;padding:27px 0;min-height:0}.home-skill h3{font-size:32px}.home-skill>p{font-size:18px;margin:17px 0 20px}.home-skill li{font-size:12px}}
@media(prefers-reduced-motion:reduce){#proyectos .home-project-cover img,#proyectos .home-project-portrait img,#proyectos .home-project-link span,.home-skill:before{transition:none}}

#proyectos .home-project-thumbs{width:120px;flex:0 0 120px}#proyectos .home-project-thumbs [data-project-index]{width:100%}@media(max-width:767px){#proyectos .home-project-thumbs{width:68px;flex-basis:68px}}

/* Miniaturas completas, sin recorte. */
#proyectos .home-project-thumbs [data-project-index]{background:#FDFCF3}#proyectos .home-project-thumbs [data-project-index] img{object-fit:contain!important;padding:8px;box-sizing:border-box}#proyectos .home-project-thumbs [data-project-index="3"] img{padding:14px}@media(max-width:767px){#proyectos .home-project-thumbs [data-project-index] img{padding:5px}#proyectos .home-project-thumbs [data-project-index="3"] img{padding:7px}}

@media(min-width:768px) and (hover:hover){.home-skill{transition:min-height .65s cubic-bezier(.22,.61,.36,1),padding .65s cubic-bezier(.22,.61,.36,1)}.home-skill:hover{min-height:205px;padding-top:44px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.home-skill{transition:none}}

/* Miniaturas diseñadas como una misma colección, a sangre. */
#proyectos .home-project-thumbs [data-project-index] img,#proyectos .home-project-thumbs [data-project-index="3"] img{padding:0!important;object-fit:cover!important}#proyectos .home-project-thumbs [data-project-index]{opacity:1}#proyectos .home-project-thumbs [aria-current="false"] img{opacity:.7;transition:opacity .3s}#proyectos .home-project-thumbs [aria-current="true"] img,#proyectos .home-project-thumbs button:hover img{opacity:1}

#proyectos .home-project-thumbs [data-project-index] img{height:72%!important;object-fit:contain!important;background:#FDFCF3;opacity:1!important}#proyectos .home-project-thumbs [data-project-index="2"] img{background:#011e74}.project-thumb-name{position:absolute;bottom:0;left:0;right:0;height:28%;background:#5F0032;color:#FDFCF3;display:flex;align-items:center;text-align:left;padding:7px 10px;font-size:13px;line-height:1.1;letter-spacing:-.02em;overflow-wrap:normal}#proyectos .home-project-thumbs [aria-current="false"]{opacity:.7}#proyectos .home-project-thumbs [aria-current="true"],#proyectos .home-project-thumbs button:hover{opacity:1}.home-skills-heading h2{max-width:13ch}@media(max-width:767px){.project-thumb-name{font-size:10px;padding:5px}.home-skills-heading h2{font-size:49px}}

#sobre-mi .home-cv-portrait{object-position:center 25%;filter:grayscale(1)}

#sobre-mi .home-new-portrait{object-position:60% 52%;filter:none}

/* Foto de contacto de tamaño intermedio, unida a los bordes de la retícula. */
.home-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 34%;gap:0;align-items:stretch;padding:0;min-height:360px}.home-contact-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;min-width:0;min-height:360px;padding:40px 32px}.home-contact-copy>p{max-width:34ch;font-size:22px;line-height:1.5}.home-contact-photo-column{min-width:0;border-left:1px solid color-mix(in srgb,var(--color-brand-primary) 50%,transparent)}.home-contact-photo{position:relative;width:100%;height:100%;min-height:360px;margin:0;overflow:hidden}.home-contact-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center 28%}.home-contact-copy a{max-width:100%}
@media(max-width:767px){.home-background-grid{display:none!important}.home-contact-layout{grid-template-columns:minmax(0,1fr) 42%;min-height:270px}.home-contact-copy{padding:25px 18px;min-height:270px;gap:20px}.home-contact-copy>p{font-size:17px;line-height:1.45}.home-contact-copy a{font-size:14px;padding:9px 12px}.home-contact-photo{width:100%;height:100%;min-height:270px}}
