.obra-top-sec{padding-top:104px;padding-bottom:48px}
.obra-hero{display:grid;grid-template-columns:1fr 400px;gap:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 28px rgba(0,0,0,.08);margin:32px 0}
@media(max-width:860px){.obra-hero{grid-template-columns:1fr}}
.obra-foto-wrap{position:relative;background:#0a1220;overflow:hidden;min-height:380px}
.obra-foto-wrap a{display:block;height:100%}
.obra-foto-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.obra-info-panel{padding:32px 28px;display:flex;flex-direction:column;gap:10px;background:#fff}
@media(max-width:860px){.obra-info-panel{padding:22px 20px}}
.obra-info-panel .tag{display:inline-block;font-family:'Fredoka',sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#f7941d;color:#fff;padding:3px 14px;border-radius:999px;margin-bottom:4px;width:fit-content}
.obra-info-panel h1{font-size:1.5rem;color:#0a1220;margin:0;line-height:1.2;font-family:'Fredoka',sans-serif}
.meta-row{display:flex;align-items:center;gap:8px;font-size:.88rem;color:#555}
.meta-row svg{flex-shrink:0;color:#f7941d}
.obra-desc{font-size:.88rem;line-height:1.65;color:#444;margin-top:4px;white-space:pre-line}
.obra-desc-wrap{position:relative}
.obra-desc-clamp{max-height:8.6em;overflow:hidden;position:relative}
.obra-desc-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(rgba(255,255,255,0),#fff)}
.obra-desc-expanded{max-height:none;overflow:visible}
.obra-desc-expanded::after{display:none}
.obra-desc-toggle{margin-top:2px;background:none;border:none;color:#f7941d;font-weight:600;font-size:.85rem;cursor:pointer;padding:0;align-items:center;gap:4px}
.obra-desc-toggle:hover{text-decoration:underline}
.equip-sec{margin-top:4px}
.equip-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#aaa;font-weight:600;margin:0 0 7px}
.equip-sec ul{list-style:none;padding:0;margin:0;font-size:.85rem;color:#333;display:flex;flex-direction:column;gap:4px}
.equip-sec li::before{content:"›";color:#f7941d;font-weight:700;margin-right:7px}
.obra-sol-link{font-size:.82rem;color:#f7941d;text-decoration:none;font-weight:500;margin-top:12px;display:inline-block}
.obra-sol-link:hover{text-decoration:underline}
.btn-back{display:inline-flex;align-items:center;gap:6px;color:#888;font-size:.83rem;text-decoration:none;margin-bottom:12px;transition:.2s}
.btn-back:hover{color:#f7941d}
.obras-extras{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:12px}
.obras-extras a{display:block;aspect-ratio:4/3;border-radius:10px;overflow:hidden;background:#f4f6fa}
.obras-extras a img{width:100%;height:100%;object-fit:cover;display:block}
.obras-extras-head{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#aaa;font-weight:600;margin:36px 0 14px}
.obra-video-sec{max-width:760px;margin:36px auto 0;text-align:center}
.obra-video-sec .obras-extras-head{text-align:center}
.obra-video-sec+.obra-video-sec{margin-top:20px}
.ratio-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin-top:12px}
.ratio-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.obra-shorts-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px}
.obra-short-card{width:200px}
.ratio-video-short{position:relative;width:200px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.ratio-video-short iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
@media(max-width:600px){.obra-short-card{width:calc(50% - 10px)}.ratio-video-short{width:100%}}
.video-title{margin:10px 0 0;font-size:.85rem;color:#333;line-height:1.4;text-align:center}
.video-title-short{font-size:.8rem}
.btn-video-ext{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:11px 22px;background:#0a1220;color:#fff;border-radius:8px;text-decoration:none;font-size:.88rem;font-weight:500}