.experiences{padding-top:65px;padding-bottom:65px}.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.experience-card{display:block;background:var(--cream);border:1px solid var(--lime);border-radius:14px;overflow:hidden;transition:transform .2s}.experience-card:hover{transform:translateY(-4px)}.experience-card img{height:220px;object-fit:cover}.experience-card>div{padding:24px}.experience-card h3{font-size:24px;letter-spacing:-.8px;margin:0 0 12px}.experience-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 18px}.experience-card span{font-size:13px;font-weight:600}
.harvest{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.harvest-copy>p:not(.eyebrow),.bio-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}.harvest-photo,.bio-cover{display:block;position:relative;width:100%;border:0;padding:0;overflow:hidden;border-radius:16px;background:var(--cream)}.harvest-photo img{height:480px}.bio-store{background:var(--mint,#edf1e3);max-width:none}.bio-intro{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.bio-cover{max-width:430px;margin:auto}.bio-cover img{height:auto;aspect-ratio:3/4;object-fit:contain}.bio-copy .bio-note{font-size:12px;margin:18px 0 0}.bio-album{margin-top:45px}.bio-album summary{cursor:pointer;font-size:15px;font-weight:600;padding:18px 0;border-top:1px solid var(--ink)}.bio-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:16px}.bio-grid .photo-open{position:relative;display:block;padding:0;border:0;border-radius:10px;overflow:hidden;background:var(--cream);width:100%}.bio-grid img{aspect-ratio:3/4;height:auto;object-fit:contain}.bio-grid .photo-expand{width:28px;height:28px;right:8px;bottom:8px}
.back-top{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:15;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;gap:7px;border-radius:28px;background:var(--ink);color:var(--cream);border:1px solid var(--cream);box-shadow:0 3px 14px #0002;font-size:13px;font-weight:600}.back-top[hidden]{display:none}.back-top:hover{background:var(--green)}body:has(dialog[open]) .back-top{display:none}#cabecera{scroll-margin-top:0}footer{padding-bottom:85px}
@media(max-width:900px){.experience-grid{gap:14px}.experience-card img{height:170px}.experience-card>div{padding:18px}.experience-card h3{font-size:21px}.bio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.experiences{padding-top:45px;padding-bottom:35px}.experience-grid,.harvest,.bio-intro{grid-template-columns:1fr}.experience-card{display:grid;grid-template-columns:110px 1fr}.experience-card img{height:100%;min-height:180px}.experience-card>div{padding:18px}.experience-card h3{font-size:20px}.experience-card p{font-size:13px;margin-bottom:10px}.harvest{gap:28px}.harvest-photo img{height:auto;aspect-ratio:4/3}.bio-intro{gap:28px}.bio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-cover{max-width:360px}.back-top{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.experience-card{transition:none}.experience-card:hover{transform:none}}

.bio-location{margin-top:26px;padding-top:22px;border-top:1px solid var(--ink);color:var(--ink)}.bio-location p{font-size:14px;line-height:1.8;margin:0 0 14px}.bio-location strong{font-size:13px}.bio-location .text-link{margin-top:0;min-height:44px}

/* Las tarjetas crecen con la pantalla; las fotografías conservan su proporción. */
.experiences.section{width:100%;max-width:none;padding-left:4%;padding-right:4%}
.experiences .experience-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.5vw,36px)}
.experience-grid>.experience-card{display:flex;flex-direction:column;min-width:0}
.experience-grid>.experience-card>img{width:100%;height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
.experience-grid>.experience-card>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.experience-grid>.experience-card>div>span{margin-top:auto;padding-top:8px}
@media(max-width:800px){.experiences .experience-grid{grid-template-columns:1fr;gap:24px}.experiences.section{padding-left:6%;padding-right:6%}.experience-grid>.experience-card>img{aspect-ratio:16/9}}