main > .banner          { margin: 0 -10px 2rem -10px;}
main > section > .banner { margin: 0 -20px 0 -20px; }
main > section > .bannerPlataformas { margin: 0 -20px 2rem -20px; border: 2px solid var(--color2-text);}
main > section > .bannerPlataformas2 { margin: 0 -20px 0 -20px;}
.banner                 { position: relative; background-repeat: no-repeat; background-position: bottom right; background-size: 100% 100%; min-height: 255px; display: flex; flex-direction: column; justify-content: space-around; padding: 0px;}
.banner > .main         {display: flex; flex-direction: row; align-content: stretch; align-items: center; justify-content: space-between; padding: 20px 10px 20px 15%; column-gap: 40px;}
.banner > .main > *:last-child    { padding: 25px 0px;}
.banner                  {background-image: url(/menus/plantillas/webcontent/modulos/multimedia/img/podcast/bannerPodcast.png);} 
.banner h1	             { color: var(--bg-color); line-height: 3rem; font-weight: 600; letter-spacing: 1px; font-size: 2.5rem; padding: 0px; /*background-color: var(--color2-bg);*/}

.podcast article {display: flex; gap: 2em; margin: 2em; justify-content: start;}
.podcast article figure {margin: 0; padding: 0; flex-basis: 40%;}
.podcast article figure img { height: 260px; object-fit: cover;}
.podcast article > div {flex-basis: 60%;}
header {padding: 0;}
.podcast article header > * {margin: 0;}
.podcast article header h2 > a {color: var(--color2-text);}

.podcast > article.ult { flex-direction: row-reverse; align-items: center;}
.podcast section.ant {display: flex; flex-wrap: wrap; gap: 2em; }
.podcast section.ant > article {flex-direction: column-reverse; flex-basis: calc((100% - 4em) / 3);}

article > div > time { font-weight: 700; letter-spacing: 1px; margin: 15px 0 0 0; display: block; }
article > div > .authorname {margin: 1em 0;}

article .video {margin: 2em;}
article .video ul.plataformas {display: flex; justify-content: end; gap: 1em;}
article .video iframe[src*=youtube] { width: 100%; aspect-ratio: 16 / 9; height: auto; min-height: auto; padding: 1em 0; border: 0;}

.authors {display:flex; flex-wrap: wrap;}
.authors > div {display:flex; width: 45%; align-items: center;}
.authors > div > div > *:first-child {margin-top: 0;}
.transcripcion{background-color: #cccccc57; padding: 1rem; font-weight: bold; margin: 3rem 0 2rem 0;}
.transcripcion .ii {padding-right: 0.5em;}
.ii-big { font-size: 2.5rem !important;}

@media (max-width: 1000px) {
    .banner > .main > *:last-child      {max-width: 300px;}     
    .banner > .main h1                  {font-size: 2rem; line-height: 2.5rem;}
}

@media (max-width: 768px) {
    .banner                                             {min-height: 125px}
    .banner > .main                                     { padding: 10px; column-gap: initial; align-items: center;}
    .banner > .main > *:last-child                      { max-width: 100%; padding: 0px;}
    .banner > .main h1                                  { padding: 1rem 0px; }
    .podcast > article.ult { flex-direction: column-reverse; }
    .podcast article,
    article .video { margin: 0;}
    .ii-big {font-size: 1.5rem !important;}
    .authors > div {width: auto;}
    .authors figure {margin-left: 0;}
}