/* Soy Ateo — Vídeos en pestañas: lo que se ve en la web. */
.sa-vid{margin:20px 0;--sa-vid-oro:#8A6D00;--sa-vid-borde:#E3DCC0;--sa-vid-suave:#FBF6E4}
.sa-vid *{box-sizing:border-box}
.sa-vid-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 -1px;position:relative;z-index:1}
.sa-vid-tabs button{flex:0 1 auto;max-width:100%;margin:0;padding:9px 16px!important;border:1px solid var(--sa-vid-borde)!important;border-bottom-color:transparent!important;border-radius:10px 10px 0 0!important;background:var(--sa-vid-suave)!important;color:#5a4a00!important;font-size:14px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.sa-vid-tabs button:hover{background:#F6EFD3!important}
.sa-vid-tabs button:focus-visible{outline:2px solid var(--sa-vid-oro);outline-offset:2px}
.sa-vid-tabs button[aria-selected="true"]{background:var(--sa-vid-oro)!important;border-color:var(--sa-vid-oro)!important;color:#fff!important}
.sa-vid-marco{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--sa-vid-borde);border-radius:0 10px 10px 10px;overflow:hidden}
.sa-vid-marco iframe,.sa-vid-marco video{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;border:0}
.sa-vid>[role="tabpanel"]:only-child .sa-vid-marco{border-radius:10px}
.sa-vid-enlaces{margin:10px 0 0;padding-left:20px}
@media (max-width:600px){
	.sa-vid-tabs button{flex:1 1 calc(50% - 6px);padding:8px 10px!important;font-size:13px;border-radius:8px 8px 0 0!important}
	.sa-vid-marco{border-radius:0 0 8px 8px}
}