/* Seaman — Videos de YouTube (Academy). Réplica del diseño de la página Seaman Academy.
   Selectores con 2 clases: las reglas del tema .single-content h3/h4/p pisan a las de 1 clase. */
.sm-yt{--sm-yt-cyan:#49c8f5;color:#333;font-family:inherit;box-sizing:border-box}
.sm-yt *,.sm-yt *::before,.sm-yt *::after{box-sizing:border-box}
.entry-content .sm-yt.alignfull,.sm-yt.alignfull{padding-left:24px!important;padding-right:24px!important}
.sm-yt--empty{padding:18px;background:#f6f6f6;border-left:3px solid #00bcd4;color:#747474}

/* Destacado: video | ícono + título + descripción (centrados) */
.sm-yt .sm-yt__feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;align-items:center;padding:10px 0}
.sm-yt .sm-yt__fmedia .sm-yt__player{max-width:640px;margin:0 auto}
.sm-yt .sm-yt__finfo{text-align:center}
.sm-yt .sm-yt__icon{display:block;width:48px;height:48px;margin:0 auto}
.sm-yt .sm-yt__ftitle{margin:27px 0 9px;font-size:18px;line-height:23px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:normal}
.sm-yt .sm-yt__fdesc{margin:0;font-size:16px;line-height:28.8px;font-weight:400;color:#747474}

/* Separador de puntos */
.sm-yt .sm-yt__sep{padding:20px 0}
.sm-yt .sm-yt__sep span{display:block;width:10%;min-width:90px;margin:0 auto;border-top:10px dotted var(--sm-yt-cyan)}

/* Grilla */
.sm-yt .sm-yt__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:40px;padding:15px 0 60px}
.sm-yt .sm-yt__item{text-align:center}
.sm-yt .sm-yt__title{margin:25.5px 0 8.5px;font-size:17px;line-height:26px;font-weight:700;color:#333;letter-spacing:normal}
.sm-yt .sm-yt__desc{margin:0;font-size:15px;line-height:28.8px;font-weight:400;color:#747474}

/* Botón al canal */
.sm-yt .sm-yt__grid:has(+ .sm-yt__more){padding-bottom:40px}
.sm-yt .sm-yt__more{padding:0 0 60px;text-align:center}
.sm-yt .sm-yt__more .sm-yt__btn{display:inline-block;padding:13px 29px;background:#00bcd4;color:#fff;font-size:14px;line-height:17px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;border-radius:0;transition:background-color .2s ease}
.sm-yt .sm-yt__more .sm-yt__btn:hover,.sm-yt .sm-yt__more .sm-yt__btn:focus-visible{background:#0097a7;color:#fff}

/* Reproductor diferido (miniatura + play estilo YouTube; el iframe se carga al hacer clic) */
.sm-yt .sm-yt__player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.sm-yt .sm-yt__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sm-yt button.sm-yt__start{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0!important;margin:0;border:0!important;border-radius:0;background:#000!important;box-shadow:none!important;cursor:pointer;font-family:inherit}
.sm-yt .sm-yt__start img{display:block;width:100%;height:100%;object-fit:cover}
.sm-yt .sm-yt__start::before{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));pointer-events:none}
.sm-yt .sm-yt__vtitle{position:absolute;left:16px;right:16px;top:14px;color:#fff;font-size:17px;line-height:1.3;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.sm-yt .sm-yt__play{position:absolute;top:50%;left:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:rgba(33,33,33,.8);transition:background-color .2s ease}
.sm-yt .sm-yt__play::after{content:"";position:absolute;top:50%;left:50%;margin:-10px 0 0 -7px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}
.sm-yt .sm-yt__start:hover .sm-yt__play,.sm-yt .sm-yt__start:focus-visible .sm-yt__play{background:#f00}
.sm-yt .sm-yt__start:focus-visible{outline:3px solid #00bcd4;outline-offset:2px}

@media (max-width:1024px){
	.sm-yt .sm-yt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.entry-content .sm-yt.alignfull,.sm-yt.alignfull{padding-left:20px!important;padding-right:20px!important}
	.sm-yt .sm-yt__feat{grid-template-columns:1fr;row-gap:10px}
	.sm-yt .sm-yt__grid{grid-template-columns:1fr}
}