@charset "utf-8";

/*
Theme Name: HFB podcast Theme
Version: 1.0
Author: Rogelio Estrella
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Qwitcher+Grypen:wght@400;700&display=swap');

*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
    font-family: "Open Sans", sans-serif;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #000000;
}
.cabecera-sitio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 25px 0px 25px;
  gap: 1.5rem;
}


.descripcion-sitio{}
.wrap-principal{}
.posts-grid{}
.thumbnail-list{}


/* ==== MENÚ PRINCIPAL (solo desktop) ==== */
.primary-menu {
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-table;
}
.primary-menu-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1.5rem;
}

.primary-menu-list > li {
    position: relative; /* para submenús */
}

/* Enlaces principales */
.primary-menu-list > li > a {
    display: block;
    padding: 15px 10px;
    color: #000000;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    font-weight: 600;
}

.primary-menu-list > li > a:hover,
.primary-menu-list > li:hover > a {
    color: #7d36e1;
}

/* Ítem actual y ancestros */
.primary-menu-list .current-menu-item > a,
.primary-menu-list .current-menu-ancestor > a {    
    color: #7d36e1;
}

/* ==== SUBMENÚS (niveles 2 y 3) ==== */
.primary-menu-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    z-index: 1000;
}

/* Mostrar al hover en el li padre (mantiene estilo en padre) */
.primary-menu-list li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.primary-menu-list ul a {
    display: block;
    padding: 12px 20px;
    color: #000000;
    text-decoration: none;
    transition: all 0.3s;
}

.primary-menu-list ul a:hover {
}

/* Tercer nivel (a la derecha) */
.primary-menu-list ul ul {
    top: 0;
    left: 100%;
}

/* Ítems actuales en submenús */
.primary-menu-list .current-menu-item > a,
.primary-menu-list .current-menu-parent > a,
.primary-menu-list .current-menu-ancestor > a {
    
}
.imgheromovil{
        display: none !important;
}
.marca-sitio{
    width: 230px;
    display: inline-table;
}
.custom-logo{
    width: 100%;
    height: auto;
}
.wp-block-cover.herohome{
    padding: 0px !important;
}
/* Oculta el SVG original */
.wp-social-link-chain svg {
    display: none;
}

/* Inyecta tu ícono como máscara */
.wp-social-link-chain .wp-block-social-link-anchor::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.634 23.524'%3E%3Cpath d='M25.8641 8.73934C25.8641 10.8613 24.7147 12.953 22.4487 14.9575C22.3487 15.0458 22.224 15.089 22.0999 15.089C21.9551 15.089 21.8105 15.0298 21.7064 14.9125C21.5139 14.6958 21.5335 14.3643 21.7515 14.1716C23.7826 12.3758 24.8126 10.548 24.8126 8.73934V8.71394C24.8126 7.24592 23.8897 5.5178 22.7114 4.78055C22.4653 4.62649 22.3912 4.30248 22.5457 4.05742C22.6998 3.81178 23.0245 3.73773 23.2707 3.89129C24.7486 4.81713 25.8641 6.89067 25.8641 8.71394V8.73934ZM19.0392 13.167C18.958 13.2124 18.8699 13.2339 18.7824 13.2339C18.5983 13.2339 18.4196 13.1371 18.3231 12.9656C18.1816 12.7127 18.2718 12.3928 18.5256 12.2515C19.7428 11.5711 20.5615 10.2491 20.5646 8.95867C20.562 7.77273 19.9066 6.69347 18.8529 6.14033C18.5957 6.0052 18.4969 5.68813 18.6322 5.43155C18.7676 5.17532 19.0856 5.07653 19.3425 5.21131C20.7407 5.94503 21.6103 7.3767 21.6166 8.95115V8.9671C21.6099 10.6226 20.5754 12.3085 19.0392 13.167ZM14.8169 11.6252C13.557 11.6246 12.5359 10.6052 12.5359 9.34784C12.5359 8.0905 13.557 7.07115 14.8169 7.07045C16.0768 7.07115 17.0978 8.0905 17.0978 9.34784C17.0978 10.6052 16.0768 11.6246 14.8169 11.6252ZM11.3106 12.9656C11.2141 13.1371 11.0354 13.2339 10.8514 13.2339C10.7638 13.2339 10.6759 13.2124 10.5946 13.167C9.0584 12.3085 8.02385 10.6226 8.01725 8.9671V8.95115C8.0235 7.3767 8.89317 5.94503 10.2912 5.21131C10.5481 5.07653 10.8661 5.17532 11.0015 5.43155C11.1368 5.68813 11.038 6.0052 10.7808 6.14033C9.72712 6.69347 9.07187 7.77273 9.06912 8.95867C9.07231 10.2491 9.89106 11.5711 11.1083 12.2515C11.362 12.3928 11.4522 12.7127 11.3106 12.9656ZM7.92737 14.9125C7.82337 15.0298 7.6786 15.089 7.53392 15.089C7.4097 15.089 7.28516 15.0458 7.18502 14.9575C4.91902 12.953 3.76973 10.8613 3.76973 8.73934V8.71394C3.76973 6.89067 4.88508 4.81713 6.3632 3.89129C6.60925 3.73773 6.93395 3.81178 7.0881 4.05742C7.24269 4.30248 7.16848 4.62649 6.92243 4.78055C5.74402 5.5178 4.82116 7.24592 4.82116 8.71394V8.73934C4.82116 10.548 5.85123 12.3758 7.88227 14.1716C8.10022 14.3643 8.11998 14.6958 7.92737 14.9125ZM21.1597 1.50009C18.5287 1.50009 16.1781 2.89108 14.8169 4.92227C13.4557 2.89108 11.1051 1.50009 8.47415 1.50009C4.28157 1.50009 0.88501 4.88969 0.88501 9.07295C0.88501 11.7271 2.56953 13.6405 4.32942 15.4112L11.2096 21.9023C11.5702 22.2424 12.1636 21.9874 12.1636 21.4923V16.4349C12.1636 14.9717 13.3511 13.7853 14.8169 13.7829C16.2828 13.7853 17.4703 14.9717 17.4703 16.4349V21.4923C17.4703 21.9874 18.0635 22.2424 18.4241 21.9023L25.3044 15.4112C27.0642 13.6405 28.7487 11.7271 28.7487 9.07295C28.7487 4.88969 25.3523 1.50009 21.1597 1.50009Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.634 23.524'%3E%3Cpath d='M25.8641 8.73934C25.8641 10.8613 24.7147 12.953 22.4487 14.9575C22.3487 15.0458 22.224 15.089 22.0999 15.089C21.9551 15.089 21.8105 15.0298 21.7064 14.9125C21.5139 14.6958 21.5335 14.3643 21.7515 14.1716C23.7826 12.3758 24.8126 10.548 24.8126 8.73934V8.71394C24.8126 7.24592 23.8897 5.5178 22.7114 4.78055C22.4653 4.62649 22.3912 4.30248 22.5457 4.05742C22.6998 3.81178 23.0245 3.73773 23.2707 3.89129C24.7486 4.81713 25.8641 6.89067 25.8641 8.71394V8.73934ZM19.0392 13.167C18.958 13.2124 18.8699 13.2339 18.7824 13.2339C18.5983 13.2339 18.4196 13.1371 18.3231 12.9656C18.1816 12.7127 18.2718 12.3928 18.5256 12.2515C19.7428 11.5711 20.5615 10.2491 20.5646 8.95867C20.562 7.77273 19.9066 6.69347 18.8529 6.14033C18.5957 6.0052 18.4969 5.68813 18.6322 5.43155C18.7676 5.17532 19.0856 5.07653 19.3425 5.21131C20.7407 5.94503 21.6103 7.3767 21.6166 8.95115V8.9671C21.6099 10.6226 20.5754 12.3085 19.0392 13.167ZM14.8169 11.6252C13.557 11.6246 12.5359 10.6052 12.5359 9.34784C12.5359 8.0905 13.557 7.07115 14.8169 7.07045C16.0768 7.07115 17.0978 8.0905 17.0978 9.34784C17.0978 10.6052 16.0768 11.6246 14.8169 11.6252ZM11.3106 12.9656C11.2141 13.1371 11.0354 13.2339 10.8514 13.2339C10.7638 13.2339 10.6759 13.2124 10.5946 13.167C9.0584 12.3085 8.02385 10.6226 8.01725 8.9671V8.95115C8.0235 7.3767 8.89317 5.94503 10.2912 5.21131C10.5481 5.07653 10.8661 5.17532 11.0015 5.43155C11.1368 5.68813 11.038 6.0052 10.7808 6.14033C9.72712 6.69347 9.07187 7.77273 9.06912 8.95867C9.07231 10.2491 9.89106 11.5711 11.1083 12.2515C11.362 12.3928 11.4522 12.7127 11.3106 12.9656ZM7.92737 14.9125C7.82337 15.0298 7.6786 15.089 7.53392 15.089C7.4097 15.089 7.28516 15.0458 7.18502 14.9575C4.91902 12.953 3.76973 10.8613 3.76973 8.73934V8.71394C3.76973 6.89067 4.88508 4.81713 6.3632 3.89129C6.60925 3.73773 6.93395 3.81178 7.0881 4.05742C7.24269 4.30248 7.16848 4.62649 6.92243 4.78055C5.74402 5.5178 4.82116 7.24592 4.82116 8.71394V8.73934C4.82116 10.548 5.85123 12.3758 7.88227 14.1716C8.10022 14.3643 8.11998 14.6958 7.92737 14.9125ZM21.1597 1.50009C18.5287 1.50009 16.1781 2.89108 14.8169 4.92227C13.4557 2.89108 11.1051 1.50009 8.47415 1.50009C4.28157 1.50009 0.88501 4.88969 0.88501 9.07295C0.88501 11.7271 2.56953 13.6405 4.32942 15.4112L11.2096 21.9023C11.5702 22.2424 12.1636 21.9874 12.1636 21.4923V16.4349C12.1636 14.9717 13.3511 13.7853 14.8169 13.7829C16.2828 13.7853 17.4703 14.9717 17.4703 16.4349V21.4923C17.4703 21.9874 18.0635 22.2424 18.4241 21.9023L25.3044 15.4112C27.0642 13.6405 28.7487 11.7271 28.7487 9.07295C28.7487 4.88969 25.3523 1.50009 21.1597 1.50009Z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
/* Oculta el SVG original de Bandcamp */
.wp-social-link-bandcamp svg {
    display: none;
}

/* Reemplaza con el ícono de Apple Podcasts */
.wp-social-link-bandcamp .wp-block-social-link-anchor::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M432 423.8C471.1 391.5 496 342.7 496 288C496 190.8 417.2 112 320 112C222.8 112 144 190.8 144 288C144 342.7 168.9 391.5 208 423.8C208.4 441.4 211.2 464.2 214.4 485.6C144 447.9 96 373.5 96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288C544 373.6 496 447.9 425.5 485.6C428.8 464.2 431.5 441.4 431.9 423.8zM418 370.4C409.7 357.8 398.8 348.8 387.6 342.6C385.5 341.5 383.4 340.4 381.3 339.4C393 325.5 400.1 307.5 400.1 287.9C400.1 243.7 364.3 207.9 320.1 207.9C275.9 207.9 240.1 243.7 240.1 287.9C240.1 307.5 247.2 325.5 258.9 339.4C256.8 340.4 254.7 341.4 252.6 342.6C241.4 348.8 230.5 357.8 222.2 370.4C203.4 348.1 192.1 319.4 192.1 288C192.1 217.3 249.4 160 320.1 160C390.8 160 448.1 217.3 448.1 288C448.1 319.4 436.8 348.2 418 370.4zM320 376C352.9 376 384 384.6 384 419.8C384 452.8 371.1 523.9 363.4 552.7C358.3 571.7 338.9 576.1 320 576.1C301.1 576.1 281.8 571.7 276.6 552.7C268.8 524.2 256 453 256 419.9C256 384.8 287.1 376.1 320 376.1zM320 248C342.1 248 360 265.9 360 288C360 310.1 342.1 328 320 328C297.9 328 280 310.1 280 288C280 265.9 297.9 248 320 248z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M432 423.8C471.1 391.5 496 342.7 496 288C496 190.8 417.2 112 320 112C222.8 112 144 190.8 144 288C144 342.7 168.9 391.5 208 423.8C208.4 441.4 211.2 464.2 214.4 485.6C144 447.9 96 373.5 96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288C544 373.6 496 447.9 425.5 485.6C428.8 464.2 431.5 441.4 431.9 423.8zM418 370.4C409.7 357.8 398.8 348.8 387.6 342.6C385.5 341.5 383.4 340.4 381.3 339.4C393 325.5 400.1 307.5 400.1 287.9C400.1 243.7 364.3 207.9 320.1 207.9C275.9 207.9 240.1 243.7 240.1 287.9C240.1 307.5 247.2 325.5 258.9 339.4C256.8 340.4 254.7 341.4 252.6 342.6C241.4 348.8 230.5 357.8 222.2 370.4C203.4 348.1 192.1 319.4 192.1 288C192.1 217.3 249.4 160 320.1 160C390.8 160 448.1 217.3 448.1 288C448.1 319.4 436.8 348.2 418 370.4zM320 376C352.9 376 384 384.6 384 419.8C384 452.8 371.1 523.9 363.4 552.7C358.3 571.7 338.9 576.1 320 576.1C301.1 576.1 281.8 571.7 276.6 552.7C268.8 524.2 256 453 256 419.9C256 384.8 287.1 376.1 320 376.1zM320 248C342.1 248 360 265.9 360 288C360 310.1 342.1 328 320 328C297.9 328 280 310.1 280 288C280 265.9 297.9 248 320 248z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
.topweb {
    width: 100%;
    background: #000000;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 6px 16px;
    box-sizing: border-box;
    gap: 12px;
}

.topweb #block-5 p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.05em;
}

.topweb #block-4 {
    flex: 1;
}

.topweb .wp-block-social-links {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    list-style: none;
}

.topweb .wp-block-social-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.topweb .wp-block-social-link svg {
    fill: #ffffff;
    width: 20px;
    height: 20px;
}

.topweb #block-6 p {
    margin: 0;
}

.blisten {
    display: inline-block;
    border: 1px solid #ac77fd;
    color: #ac77fd;
    text-decoration: none;
    padding: 5px 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.blisten:hover{
    background: #ac77fd;
    color: #ffffff;
}
.movilheader .blisten{
    font-size: 25px;
    border: solid 2px;
    display: inline-table;
    position: absolute;
    bottom: 28px;
    right: 25px;
}
.home .entry-title, .page-id-160 .entry-title{
    position: fixed;
    top: -400px;
    left: -100%;
    margin: 0px;
}
.contentweb{
    display: block;
    width: 100%;
    clear: both;
    background-image: linear-gradient(to right, #dfccfb, #e5d7fc, #ebe1fd, #f1ecfd, #f8f6fd);
    float: left;
}
.wrapcontent{
    max-width: 1400px;
    margin: 40px auto;
    box-sizing: border-box;
    padding: 0 30px;
}
.wrapcontent.pageinside{
    max-width: 1000px;
}
.contehome p{
    font-size: 50px;
    line-height: 60px;
    margin: 0px;
}
.contehome p strong{
    font-family: "Qwitcher Grypen", cursive;
    color: #8546dc;
    font-weight: 300;
    font-size: 180px;
}
.botonweb {
    display: inline-block;
    border: 1px solid #8546dc;
    color: #8546dc;
    text-decoration: none;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.botonweb:hover{
    background: #8546dc;
    color: #ffffff;
}

.colmedio{
    border-left: solid 1px #000000;
    box-sizing: border-box;
    padding-left: 40px;
}
.iconhomes{
    width: auto;
}
.iconhomes strong{
    text-transform: uppercase;
    font-size: 110%;
}
#listen iframe,
.playerpodcast iframe,
.podcast-embed iframe,
.podcast-embed-list iframe {
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    position: relative;
    z-index: 5;
}
.podcast-embed{
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}
.site-footer {
  background-color: #000;
  color: #fff;
  padding: 1.5rem 0 1.5rem;
  border-top: 1px solid #222;
}

.footer-content {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-widgets {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.widget_media_image img {
  height: 48px;
  width: auto;
  opacity: 0.9;
  transition: opacity 0.2s;
}

.widget_media_image img:hover {
  opacity: 1;
}
.taptap-widgets-wrapper .widget_media_image img{
    height: auto;

}

.footer-menu {
  width: 100%;
  display: flex;
  justify-content: center;
  border-top: 1px solid #1e1e1e;
}

.footer-menu ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 2rem;
  justify-content: center;
  padding: 0;
}

.footer-menu ul li a {
  color: #888;
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  transition: color 0.2s;
  padding: 4px 0;
  display: inline-block;
}

.footer-menu ul li a:hover {
  color: #fff;
}

footer .current-menu-item a {
  color: #fff !important;
}

.footer-info {
  width: 100%;
  border-top: 1px solid #1e1e1e;
  padding-top: 1.5rem;
  text-align: center;
}

.copyright {
  font-size: 12px;
  color: #444;
  letter-spacing: 0.04em;
}

.copyright a {
  color: #555;
  text-decoration: none;
  transition: color 0.2s;
}

.copyright a:hover {
  color: #999;
}
.logostopmovil{
    display: none !important;
}
.topweb #block-10{
        display: none !important;
        flex: 1;
}
.movilheader{
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    z-index: 10;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
    padding: 12px 0px 0px 0px;
}
.wraplm{
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
#block-12{
    max-width: 132px;
    margin: auto;
}
#block-13{
    max-width: 132px;
    margin: auto;
}
.taptap-widgets-wrapper p{
    color: #ffffff;
}
.header-podcast{
    background-image: url(images/post-header.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.header-podcast.headerarchive{
    display: block;
    float: left;
    clear: both;
    height: 350px;
    width: 100%;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    padding: 40px 30px 0px 30px;
}
.doscolpodcast {
  display: flex;
  align-items: stretch; /* que los hijos ocupen todo el alto */
  min-height: 450px; /* o el alto que necesites */
  max-width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 30px;
}
.thumb-podcast {
  width: auto;
  flex-shrink: 0; /* que no se encoja */
  display: flex;
  align-items: flex-end;
}

.podcastsingle {
  flex: 1; /* ocupa el resto */
  display: flex;
  align-items: center;
  color: #ffffff;
}
.podcastsingle h1, .headerarchive h1{
    font-size: 30px !important;
    line-height: 120%;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.headerarchive h1{
    margin-bottom: 40px;
    margin-top: 40px;
}
.post-thumbnail.wp-post-image{
    height: 300px;
    width: auto;
}
.entry-podcast{
    box-sizing: border-box;
    font-size: 15px;
    line-height: 190%;
    max-width: 900px;
    box-sizing: border-box;
}
.info-post-list{
    position: relative;
}
.podcast-meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 8px 15px;
  background: rgba(0, 0, 0, 0.8);
  border: 0.5px solid rgba(0,0,0,0.12);
  border-radius: 8px;
  width: fit-content;
}
.posts-grid .podcast-meta{
    padding: 10px 15px;
    position: absolute;
    bottom: -25px;
    right: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    white-space: nowrap;
}
.posts-grid .podcast-meta .podcast-meta__info {
    flex-wrap: nowrap;
}
.podcast-meta__info {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.podcast-meta .entry-date,
.podcast-duration {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #ffffff;
}
.podcast-episode {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #ffffff;
}
.archive-description{
    display: inline-table;
    background: rgba(0, 0, 0, 0.8);
    padding: 0px 13px;
    border-radius: 5px;
    line-height: 18px;
    font-size: 13px;
}

.posts-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    max-width: 1300px;
    margin: 40px auto 60px auto;
    box-sizing: border-box;
    padding: 0px 40px;
}
.thumbnail-list{
    box-sizing: border-box;
    position: relative;
    height: 160px;
}
.thumbnail-list .post-thumbnail.wp-post-image{
    width: 100%;
    height: auto;
    position: absolute;
    left: 8px;
    bottom: -25px;
}
.podcast-list-item{
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 25px;
}
.podcast-embed-list {
    grid-column: 1 / -1;
}
.podcast-list-item .entry-title{
    font-size: 18px;
}
.podcast-list-item .entry-title a{
    text-decoration: none;
    color: #000000;
}
.podcast-list-item .entry-title a:hover{
    text-decoration: underline;
    color: #7a39a3;
}
.post-navigation {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 2.5rem 0;
}

.nav-links {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    gap: 1rem;
    margin: auto;
    box-sizing: border-box;
    padding: 0px 20px;
}

.nav-previous,
.nav-next {
    flex: 1;
}

.nav-next {
    text-align: right;
}

.nav-previous a,
.nav-next a {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 18px;
    background: rgba(0, 0, 0, 0.03);
    border: 0.5px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    max-width: 100%;
}

.nav-previous a:hover,
.nav-next a:hover {
    background: rgba(0, 0, 0, 0.07);
    border-color: rgba(0, 0, 0, 0.25);
}

.nav-subtitle {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
}

.nav-title {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    line-height: 1.4;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.textinside{
    font-size: 15px;
    line-height: 190%;
}

/* Responsive */
@media (max-width: 1200px) {
    .primary-menu-list{
        gap: 5px;
    }
}
@media (max-width: 1050px) {
    #block-8{
        display: none;
    }
    .topweb #block-4{
        display: none !important;
    }
    .topweb #block-10{
        display: inline !important;
    }  
    .primary-menu-list{
        gap: 0px;
    }
    .contehome p{
        font-size: 35px;
        line-height: 40px;
    }
    .contehome p strong{
        font-size: 120px;
    }
}
@media (max-width: 950px) {
    .posts-grid {
    grid-template-columns: 1fr;
    max-width: 750px;
    }
}
@media (max-width: 780px) {
    .contehome p{
        text-align: center;
    }
    .wp-block-columns.iconhomes{
        flex-wrap: nowrap !important;
        max-width: 545px;
        margin: 0 auto 25px;
    }
    #listen{
        max-width: 545px;
        margin: auto;
    }
}
@media (max-width: 700px) {
    .imgheropc{
        display: none !important;
    }
    .imgheromovil{
        display: flex !important;
    }   
}

@media (max-width: 600px) {
    .topweb, .cabecera-sitio{
        display: none;
    }
    .movilheader{
        display: grid;
    }
    .movilheader #block-8{
        display: inline;
    }
    .site-footer{
        padding-bottom: 120px;
    }
    .wp-block-columns.iconhomes{
        gap: 0px !important;
    }
    .colmedio{
        padding-left: 0px;
    }
    .iconhomes .wp-block-media-text__media img{
        width: 50px;
        margin: 0 auto;
        display: block;
    }
    .iconhomes .wp-block-media-text__content p{
        text-align: center;
        font-size: 12px;
    }
    .contehome p{
        font-size: 33px;
    }
    .contehome p strong {
        font-size: 90px;
    }
    .doscolpodcast {
        padding-top: 50px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .podcast-meta{
        margin: auto;
    }
    .wp-block-media-text.is-stacked-on-mobile.stackpost {
        display: flex;
        flex-direction: column-reverse;
        gap: 35px;
    }
}
@media (max-width: 500px) {
    .podcast-list-item{
        grid-template-columns: 1fr;
        gap: 0px;
    }
    .podcast-embed-list {
        grid-column: 1;
        order: 2;
    }
    .thumbnail-list{
        height: 180px;
        order: 1;
    }
    .info-post-list{
        order: 0;
    }
    .thumbnail-list .post-thumbnail.wp-post-image{
        height: 180px;
        width: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0px;
    }
    .podcast-list-item .entry-title{
        text-align: center;
    }
    .posts-grid .podcast-meta{
        position: relative;
        right: auto;
        bottom: auto;
        border-radius: 8px !important;
    }
    .posts-grid{
        padding-left: 10px;
        padding-right: 10px;
    }
    .archive .movilheader{
        grid-template-columns: 1fr;
    }
    .archive .wraplm{
        display: none;
    }
    .archive .marca-sitio{
        width: 180px;
        margin: auto;
    }
    .nav-links {
        flex-direction: column;
    }

    .nav-next {
        text-align: left;
    }
}
@media (max-width: 480px) {
    .movilheader .blisten{
        font-size: 20px;
        bottom: auto;
        top: 10px;
        right: 10px;
        white-space: wrap;
        width: 90%;
        line-height: 110%;
        font-size: 18px;
    }
    .footer-menu ul{
        gap: 10px;
    }
}