body { 
    font-family: 'Arquitecta', sans-serif; 
    font-display: block;
    background-color: #f1f1f1;
    margin: 0;
    padding: 0;
    }
    
    @font-face {
    font-family: 'Arquitecta';
    src: url('/assets/fonts/ArquitectaBold.woff2') format('woff2'), url('/assets/fonts/ArquitectaBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: block;
    }

    @font-face {
    font-family: 'Arquitecta';
    src: url('/assets/fonts/Arquitecta.woff2') format('woff2'), url('/assets/fonts/Arquitecta.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
    }

    .nav-menu-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999!important;
    background: #1d1d1d;
    }

    .header {
    background-color: #00000a;
    min-height: 400px;
    }
            
  * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }
    
    .photoset-grid {
    width: 100%;
    contain: layout;
}

   .photoset-grid img {
    max-width: 100%;
    height: auto;
    display: block;
    }

    /* ── MP4 usados como GIF (autoplay loop muted, sin lightbox) ──
       El <video> se comporta igual que un <img> en cada contexto. */
    .photoset-grid video.nx-gif {
      max-width: 100%;
      height: auto;
      display: block;
    }
    .photo-wrap video.nx-gif {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }
    /* portadas (card de índice/tags): el video cubre como background-image */
    .photo-cover.nx-has-gif,
    .ps-photo-cover.nx-has-gif {
      position: relative;
      overflow: hidden;
    }
    .nx-gif-cover {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      z-index: 0;
    }
    /* miniatura del carrusel de recomendados */
    .related-post-bg video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* ── Botón de play de los embeds de YouTube (lite-youtube) ──
       Reemplaza el icono rojo por defecto por uno redondo de marca.
       !important porque el CSS de lite-yt-embed se inyecta desde el CDN
       después de esta hoja. */
    lite-youtube > .lty-playbtn {
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'><circle cx='36' cy='36' r='33' fill='%23ffffff' fill-opacity='.18'/><path d='M30 23 L52 36 L30 49 Z' fill='%23ffffff'/></svg>") !important;
      background-size: 74px 74px !important;
      filter: drop-shadow(0 4px 14px rgba(0, 0, 0, .45)) !important;
      transition: background-size .15s ease, filter .15s ease !important;
    }
    /* Capa con el degradado que se funde por opacidad sobre el blanco.
       Tiempos asimétricos: aparece (al color) lento; desaparece (al blanco) más lento. */
    lite-youtube > .lty-playbtn::before {
      content: "";
      position: absolute;
      inset: 0;
      background: no-repeat center / 74px 74px;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'><defs><linearGradient id='nxpg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23ff621d'/><stop offset='1' stop-color='%239200b5'/></linearGradient></defs><circle cx='36' cy='36' r='33' fill='url(%23nxpg)'/><path d='M30 23 L52 36 L30 49 Z' fill='%23ffffff'/></svg>");
      opacity: 0;
      pointer-events: none;
      transition: opacity 1.8s ease, background-size .15s ease;
    }
    lite-youtube:hover > .lty-playbtn::before,
    lite-youtube > .lty-playbtn:focus::before {
      opacity: 1;
      background-size: 84px 84px;
      transition: opacity .7s ease, background-size .15s ease;
    }
    lite-youtube:hover > .lty-playbtn,
    lite-youtube > .lty-playbtn:focus {
      background-size: 84px 84px !important;
      filter: drop-shadow(0 6px 22px rgba(255, 98, 29, .55)) !important;
    }
    
    #content {
     contain: layout style;
     }

    ::-webkit-scrollbar {
    width: 4px;
    background: #00000a; 
   }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 10, 0); 
   }

    ::-webkit-scrollbar-thumb {
    background: #FF621D; 
    border-radius: 6px; 
   }

    ::-webkit-scrollbar-thumb:hover {
    background: #9200B5; 
   }

    @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    ::-webkit-scrollbar {
        opacity: 1;
        z-index: 999; 
    }
    }

             .nx-slider, .nav-menu-wrap {
             z-index:998;    
             }
            .nav-menu {
                font-family: ';
                
            }
            .nav-menu.uppercase .nav-sl>li>a {
             font-weight: 600!important;   
            }
            .post-title,
             .link-title,
              .search-overlay input {
                font-family: 'Arquitecta', sans-serif;
                
            } 
            .header {
             background-color: #00000a!important;  
            }
            .search-overlay {
             z-index: 991;
            }
            .search-overlay .search-close-button {
             padding-top: 80px;
            }

            .post-title,
             .link-title {
                font-size: 24px;
            } 
            .post .typography {
                font-size: 12px;
                text-align: center;
            }

             .sidebar {
             max-width: 380px;
             padding-top: 30px!important;
             transition: left 0.35s ease!important;
            }
            .sidebar .typography * {
             margin-bottom: 0px!important;
            }

             .sidebar .descripcion {
              line-height: 1.7em; 
              padding-bottom: 2px;
             }
             .sidebar .descripcion p{
              margin-bottom: 1px; 
             }
             
             .sidebar .massobrenx button{
             background: none;
             border: none;
             font-size: 14px;
             font-family: 'Arquitecta', sans-serif;
             font-weight: bold;
             color:#9200B5;
             margin: 0px;
             padding: 0px;
             padding-top: 10px;
             }
             
             .sidebar .massobrenx button:hover {
             text-decoration: underline;
             }

             @media all and (max-width: 759px){
             .sidebar {
             padding-top: 15px!important;
             }
             }
             @media all and (max-width: 580px){
             .sidebar {
             padding-top: 5px!important;
             }
             }
             .sidebar .typography {
              font-size: 12px;
              line-height: 2em !important;
              text-align: left!important;
             }
             .sidebar-wrap {
              padding: 20px;
              padding-top: 8px;  
              padding-bottom: 50px;
             }
            
             @media (max-width: 435px) {
             .sidebar-wrap {
              margin-bottom: 20px;
             }
             }
            
             @media (max-width: 435px) {
             body {
             overflow-x: hidden;
             }
    
            .wrapper,
            .post-text {
             max-height: 100%;
             overflow: hidden;
             opacity: 1;
             transition: 
             transform 0.2s ease-out,
             opacity 0.2s ease-out,
             max-height 0.3s ease-out 0.3s,
             padding 0.2s ease-out 0.2s,
             margin 0.2s ease-out 0.2s;
             }
    
            .wrapper.post-hidden,
            .post-text.post-hidden {
             opacity: 0;
             max-height: 0 !important;
             padding-top: 0 !important;
             padding-bottom: 0 !important;
             margin-top: 0 !important;
             margin-bottom: 0 !important;
             pointer-events: none;
             transition-delay: 0.3s;
             }
             .wrapper:not(.post-hidden),
             .post-text:not(.post-hidden) {
              transition: opacity 0.1s ease, max-height 0.3s ease;
             }
             }
      
            .pinterest-container {
             min-height: 440px
            }

            .typography h1,
             .typography h2,
              .typography h3,
               .typography h4,
                .typography h5,
                 .typography h6 {
                font-family: 'Arquitecta', sans-serif;
                
            }    
            
            @-moz-document url-prefix() {
            .sidebar .typography {
            padding-bottom: 1px;
            }
            .permalink-page .search-box-sidebar {
            padding-top: 36px;   
            }
            .sidebar .descripcion {
             margin-bottom: 0px!important;
            }
            }
            
            /**/

            /*HEADER*/
            .blog-title {
             position: absolute;
             width: 100%;
             min-height: 340px;
             z-index: 999;
             display: flex;
             align-items: center;
             justify-content: center;
             inset: 0;
             pointer-events: none;
            }
            .blog-title a,
            .blog-title img {
             pointer-events: auto;
             cursor: pointer;
            }
            .blog-title .wrap {
               min-height: 280px;
            }
            .blog-title .wrap, .title-text {
                font-family: 'Arquitecta', sans-serif;
                
                font-size: 40px;
            }
            .blog-title .blog-logo, .img {
                width: 280px;
                aspect-ratio: 1 / 1;
                object-fit: contain;
                height: auto;
                transform: translateY(-40px);
            }
            .page-preloader > .animation-wrap > .title-text {
                font-size:16px;
            }
            .page-preloader > .animation-wrap > .loading-text {
                font-size:14px;
                margin-top:14px;
            }
            .slide-caption {
                font-family: Arquitecta;
                font-size: 24px;
                transform: translateY(531.5px);
                top: 0;
                transition: transform 0.8s ease;
            }

          @media all and (max-width: 1024px) {
                 .blog-title .blog-logo, .img {
                  width: 300px;
                  transform: translateY(-70px);
                }
                 .blog-title .wrap, .title-text {
                    font-size: 26px;
                }
                .slide-caption {
                    font-size: 26px;
                    margin-top: 40px;
                }
                .call-to-action .typography {
                    font-size: 12px;
                }
            }

              @media all and (max-width: 700px) {
                .blog-title .wrap, .title-text {
                    font-size: 30px;
                }
                .blog-title .blog-logo, .img {
                  width: 260px;
                }
                .slide-caption {
                    font-size: 22px;
                    margin-top: 40px;
                }
                .call-to-action .typography {
                    font-size: 14px;
                }
            }
            
              @media (max-height: 480px) {
                .blog-title .blog-logo,
                .blog-title img {
                    width: 200px !important;
                }
            }
          
            @media all and (max-width: 500px) {
                .blog-title .wrap, .title-text {
                  font-size: 30px;
                }
                .blog-title .blog-logo, .img {
                  width: 240px;
                  transform: translateY(-70px);
                }
                .slide-caption {
                  font-size: 20px;
                  margin-top: 40px;
                }
                .call-to-action .typography {
                  font-size: 14px;
                }
                }
               .slide:after {
                background-color: #00000a;
                opacity: 0.7!important;
               }

              .css-preloader-01 .css-animation,
              .post .css-preloader-01 .css-animation,
              .css-preloader-01.loading-info.loading-info .animation-wrap .css-animation {
               width: 45px;
               height: 45px;
               border-radius: 50%;
               display: inline-block;
               box-sizing: border-box;
               background: #13132a;
               position: relative;
               animation: animloader 2s ease-in-out infinite;
               border: none; 
               transform: translateY(105px);
               }

              .css-preloader-01 .css-animation::before,
              .post .css-preloader-01 .css-animation::before,
              .css-preloader-01.loading-info.loading-info .animation-wrap .css-animation::before {
              content: '';
              position: absolute;
              inset: 0;
              border-radius: 50%;
              box-shadow: 
               0 0 10px rgba(212, 197, 185, 0.4),
               0 0 20px rgba(212, 197, 185, 0.2),
              inset 0 0 15px rgba(255, 255, 255, 0.1);
              animation: glow 2s ease-in-out infinite;
              }

              @keyframes animloader {
              0% {
                 box-shadow: -70px 0 #d4c5b9 inset;
              }
              100% {
                 box-shadow: 80px 0 #d4c5b9 inset;
              }
              }

              @keyframes glow {
              0%, 100% {
                opacity: 1;
                box-shadow: 
                   0 0 10px rgba(212, 197, 185, 0.4),
                   0 0 20px rgba(212, 197, 185, 0.2),
                inset 0 0 15px rgba(255, 255, 255, 0.1);
              }
             50% {
                opacity: 0.6;
                box-shadow: 
                   0 0 8px rgba(212, 197, 185, 0.3),
                   0 0 15px rgba(212, 197, 185, 0.15),
                inset 0 0 12px rgba(255, 255, 255, 0.08);
              }
              }

            /*== HEADER COLORS ==*/
            /*Header text - #F7F7F7*/
            .blog-title .wrap {
                color: #ffffff;
            }
            .blog-title .wrap {
                border-color: #ffffff;
            }

            /*Header text background*/
            header {
                background-color: #00000a;
            }
            /*Avatar border color*/
            .blog-avatar {
                border-color: #eaeaea;
            }
            /*Header captions text*/
            .slide-caption {
                color: #ff621d;
            }
            .scroll-down-button > svg {
                fill: ;
            }
           
            /*== GENERIC COLORS ==*/
            /*Blog background - #F8F8F8 */
            body {
                background-color: #00000a;
            }
            
            /*Accent - #F5AD58**/
            a, .post .typography a:hover,
             .post a:hover,
              .post-notes a:hover,
               .tag:hover,
                .post-button-s2 > .post-permalink > a:hover,
                 .question-asked-by > a:hover,
                  .more-button:hover,
                   .pagination > div > a:hover,
                    .sidebar .typography a,
                     .info-label .typography a,
                      .tag-page-label > span,
                       .search-page-label > span,
                        .post-title > a:hover,
                         .standard-pagination > a:hover,
                          .standard-pagination > span,
                           .post-caption a,
                            .instagram-profile-link:hover {
                color: #9200b5;
            }

          .post-caption {
          position: relative;
          box-sizing: border-box;
          padding: 15px;
          }

         .masonry .tags.show {
          display: none;
          }   
            .slider-nav > li.active:after,
             .slider-nav > li:hover:after,
              .scroll-down-button,
               .post-button-s2 > .post-permalink > a,
                .link-title,
                 .more-button,
                  .scroll-top,
                   .loading-info, 
                    .pagination > div > a,
                     .question-text,
                      .standard-pagination > a,
                       .link-website:hover, .color .link-website,
                        .slider-timer-bar,
                         .instagram-profile-link,
                          .cookies-warning span {
                background-color: #9200b5;
            }
            .scroll-top {
            border-radius: 50px;
            margin-right: 4px;
            box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.3);
            }

            .typography blockquote,
             .post-button-s2 > .post-permalink > a,
              .post-caption blockquote,
               .photoset-cell.has-caption:before,
                .standard-pagination > a,
                 .standard-pagination > span {
                border-color: #9200b5;
            }
            .scroll-top:hover svg,
             .scroll-down-button:hover svg,
              .pagination a:hover > svg {
                  fill: #9200b5;
            }
            /*Buttons text*/
            .more-button,
             .standard-pagination > a,
              .pagination > div > a,
               .loading-info,
                .link-title,
                 .question-text,
                  .instagram-profile-link {
                color: #ffffff;
            }
            .scroll-down-button:hover,
             .more-button:hover,
              .scroll-top:hover,
               .standard-pagination > a:hover,
                .standard-pagination > span,
                 .pagination > div > a:hover,
                  .instagram-profile-link:hover {
                background-color: #ffffff;
            }
            
            .css-preloader-01.loading-info.loading-info .animation-wrap .css-animation {
                border-color: rgba(255,255,255, 0.8) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1);;
            }
            
            .scroll-down-button > svg,
             .scroll-top svg,
              .sidebar .social-links.colorful .icon.icon-website,
               .footer-wrap .social-links.colorful .icon.icon-website {
                fill: #ffffff;
            }
 
       section#content {
       min-height: 500px!important; 
       transition: none;
           }
           
     .boton-nox {
            position: fixed;
            bottom: 157px;
            right: 0px; 
            margin-right:4px;
            background-color: #9200B5;
            color: #fff;
            border: none;
            border-radius: 50%;
            padding: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: top 0.5s ease-in-out;
            z-index: 990;
            box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.3);
    } 
    .boton-nox img {
    max-width: 34px; 
    max-height: 34px;
    }
    .boton-nox:hover {
    background-color: #FF621D;
    }
    .boton-efectos {
            position: fixed;
            bottom: 105px;
            right: 0px; 
            margin-right:4px;
            background-color: #9200B5;
            color: #fff;
            border: none;
            border-radius: 50%;
            padding: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: top 0.5s ease-in-out;
            z-index: 990;
            box-shadow: -1px 1px 4px 2px rgba(0, 0, 0, 0.3);
    } 
    .boton-efectos img {
     max-width: 34px; 
     max-height: 34px;
    }
    .boton-efectos:hover {
    background-color: #FF621D;
    }

      .footer-wrap .label {
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
        margin-bottom: 20px;
        text-transform: uppercase;
        }

/* Banner Novedades */
.banner-novedades {
    display: flex;
    align-items: center;
    color: #fff;
    padding: 1rem 2rem;
    margin-top: 10px;
    min-height: 130px;
    contain: layout;
}

.banner-img {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease-in-out;
    width: 110px;
    height: 110px;
}

.banner-img img {
    width: 110px;
    aspect-ratio: 1;
    will-change: transform;
}

.banner-img:hover {
    transform: scale(1.1);
}

.banner-content {
    flex: 2;
    text-align: center;
    padding: 0 1rem;
}

.banner-content h3 {
    color: #eee;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 5px;
}

.banner-content h2 {
    font-family: Arquitecta;
    font-size: 21px;
    line-height: 1.4em;
    color: #FF621D;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 
    0 0 5px rgba(255, 98, 29, 0.5),
    0 0 10px rgba(255, 98, 29, 0.3),
    0 0 15px rgba(255, 98, 29, 0.2);
    animation: glowPulse 2s ease-in-out infinite;
    }

    @keyframes glowPulse {
    0%, 100% {
    text-shadow: 
    0 0 5px rgba(255, 98, 29, 0.5),
    0 0 10px rgba(255, 98, 29, 0.3),
    0 0 15px rgba(255, 98, 29, 0.2);
    }
    50% {
    text-shadow: 
    0 0 10px rgba(255, 98, 29, 0.8),
    0 0 20px rgba(255, 98, 29, 0.6),
    0 0 30px rgba(255, 98, 29, 0.4);
    }
    }

.banner-content p {
    font-size: 13px;
    line-height: 1.5em;
}

.banner-action {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-button {
    background: linear-gradient(45deg, #FF621D, #9200B5);
    background-size: 200% 200%;
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    line-height: 20px;
    border-radius: 15px;
    transition: all 0.3s ease;
    background-position: 0 50%;
    animation: gradient-move 3.0s ease infinite;
    will-change: transform, background-position;
}

.banner-button:hover {
    background-position: 100% 50%;
    transform: scale(1.1);
}

@keyframes gradient-move {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

@media screen and (min-width: 581px) and (max-width: 760px) {
    .banner-novedades {
        max-width: 90%;
    }
    .banner-content {
        margin-top: 0px;
    }
}

@media screen and (max-width: 580px) {
    .banner-novedades {
        display: grid;
        max-width: 90%;
        grid-template-columns: 30% 65%;
        grid-template-areas: 
            "img content"
            "button button";
        gap: 0.2rem 1rem;
        align-items: end;
        padding: 1rem;
        min-height: 200px;
    }

    .banner-img {
        grid-area: img;
        width: 120%;
        margin-top: 5px;
        margin-left: 5px;
        min-height: 80px;
        margin-right: 10px;
    }

    .banner-content {
        grid-area: content;
        width: 100%;
        text-align: left;
        margin-top: 0px;
        padding-bottom: 6px;
    }
    
    .banner-img img {
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .banner-content h3 {
        font-size: 12px;
        line-height: 7px;
        margin-bottom: 6px;
        overflow-wrap: break-word;
    }

    .banner-content h2 {
        font-size: 15px;
        padding-top: 6px;
        margin-bottom: 6px;
        overflow-wrap: break-word;
    }

    .banner-content p {
        font-size: 10px;
        line-height: 15px;
        overflow-wrap: break-word;
    }

    .banner-action {
        grid-area: button;
        display: flex;
        justify-content: flex-start;
        width: 100%;
        padding-left: 38%;
    }

    .banner-button {
        width: 50%;
        text-align: center;
        display: inline-block;
        padding: 8px 4px;
        font-size: 12px;
        margin-top: 0px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 460px) {
    .banner-novedades {
        grid-template-columns: 35% 60%;
    }
    
    .banner-img {
        width: 100%;
        margin-right: 15px;
    }
    
    .banner-img img {
        max-width: 90px;
        max-height: 90px;
    }
    
    .banner-content {
        padding-left: 5px;
    }
    
     .banner-button {
        margin-left: 16px;
    }
}
            /*== MENU COLORS ==*/
            /*Menu background - #FAFAFA*/
            .nav-menu,
             .nav-fl,
              .nav-sl {
                background-color: #9200b5;
            }
            /*Menu text - #545454*/
            .nav-menu a {
                color: #ffffff;
            }
            .profile-button > svg,
             .menu-button > svg,
              .search-button > svg,
               .drop-down > svg {
                fill: #ffffff;
            }
            .nav-fl > li:after,
             .profile-button:after,
              .menu-button:after,
               .search-button:after {
                background-color: #ffffff;
            }
            /*Menu text hover - #F5AD58**/
            .nav-menu a:hover,
             .nav-menu li:hover > a {
                color: #00000a;
            }
            
            .menu-button>svg, .profile-button>svg, .search-button>svg {
            width: 24px;
            height: 24px;
            }

           .profile-button:active > svg,
           .menu-button:active > svg,
           .search-button:active > svg,
           .drop-down:active > svg {
            fill: #ffffff;
            animation: clickEffect 0.8s ease-out;
            }

            @keyframes clickEffect {
            0% {
            transform: scale(1);
            }

            50% {
            transform: scale(0.2);
            }
           
            100% {
            transform: scale(1.5);
            }
            }
            .icon-profile path {
            fill: #ffffff;
            transition: fill 0.3s ease;
            }

            .icon-profile path.path1,
            .icon-profile path.path2 {
            fill: inherit;
            }
            /*Menu second level background - #FAFAFA*/
            .nav-sl {
                background-color: #ffffff;
            }
            
            /*Menu second level text - #545454*/
            .nav-sl a {
                color: #9200b5;
            }
            .nav-sl > li:after,
             .image-dd-links a:after {
                background-color: #9200b5;
            }
            /*Menu second level text hover - #F5AD58**/
            .nav-sl li a:hover {
                color: #ff621d;
            }
              
            @media all and (min-width: 973px) {  
              
           li:hover>.nav-sl {
           opacity: 1;
           visibility: visible;
           transform: translate3d(0,0,0);
            /* text-align: center; */
           margin-left: 38px;
           }
           }
            .search-page-label img {
                display:block;
                margin:auto;
                padding-top: 50px;
                padding-bottom: 45px;
                max-width: 80%;
            }
            
            .no-search-results {
             width: 100%;
             padding: 50px 0;
             font-size: 16px;
             text-align: center;
             min-height: 450px;
             margin-bottom: -50px
             }
            
            .boton-no {
           display: inline-block;
           margin: 6px;
           border: none; 
           padding: 6px 20px; 
           background-color: #FF621D; 
           font-size: 14px;
           font-weight: 500;
           color: #ffffff; 
           text-decoration: none; 
           text-transform: none;
           border-radius: 18px; 
}

           .boton-no2 {
           display: inline-block;
           margin: 6px;
           border: none; 
           padding: 6px 20px; 
           background-color: #9200B5; 
           font-size: 14px;
           font-weight: 500;
           color: #ffffff; 
           text-decoration: none; 
           text-transform: none;
           border-radius: 18px; 
}
            .no-search-results a:hover {
            color: #eee;
            opacity: 0.8;
             }

          @media all and (max-width: 768px) {
           .boton-no {
           display: inline-block;
           margin: 4px;
           border: none; 
           padding: 5px 10px; 
           background-color: #FF621D; 
           font-size: 12px;
           font-weight: 500;
           color: #ffffff; 
           text-decoration: none; 
           text-transform: none;
           border-radius: 15px; 
           }
           
            .boton-no2 {
           display: inline-block;
           margin: 4px;
           border: none; 
           padding: 5px 10px; 
           background-color: #9200B5; 
           font-size: 12px;
           font-weight: 500;
           color: #ffffff; 
           text-decoration: none; 
           text-transform: none;
           border-radius: 15px; 
           }
             }
     
            .single-column>.post {
             padding-top: 15px;   
            }
            
            .wrapper {
            padding-top: 0px;
            }
            
            .posts {
            transition: left 0.4s ease, height 0.7s ease 0.4s!important;
            }
                 
            .page>.post>.wrapper {
             padding-bottom: 10px;
             text-align: center;
             text-transform: uppercase;
             line-height: 160%;
             font-size: 22px;
             font-weight: 900;
             color: #9200B5;
             }  
             
            .content-wrap {
              min-height: 600px;
             }
          
             @media all and (max-width: 580px) { 
             .single-column>.post {
             padding-top: 5px;   
            }
             
             .content-wrap {
             padding-top: 30px;
             }
             
             .content-wrap:has(.banner-novedades) {
             padding-top: 0;
             }

             .page>.post>.wrapper {
             font-size: 16px;
              }
              }
              
            .content-wrap,
            .masonry-2c,
            .grid {
             max-width: 1200px !important;
             margin-left: auto !important;
             margin-right: auto !important;
             }

             @media (min-width: 900px) {
            .masonry-2c .post:not(.large),
            .masonry-2c .column-sizer {
            max-width: 33.33% !important;
            width: 33.33% !important;
            }
    
           .masonry-2c .post.large {
            max-width: 66.66% !important;
            width: 66.66% !important;
            }
            }

           .logos-socios {
            width: 100%;
            } 
            
            @media all and (max-width: 757px){
           .logos-socios {
            margin-top: 0px!important;
            }  
            }

            @media all and (max-width: 580px){
           .logos-socios {
            margin-bottom: -30px!important;
            }   
            }
             
           .more-posts {
            margin: 40px 0 40px!important;
            }
            
            @media (min-width: 650px) and (max-width: 758px) {
            .more-posts {
            margin: 32px 0 50px!important;
            }
            }

            /*== POSTS COLORS ==*/            
            /*Post background - #FAFAFA*/
            .post > .wrapper:before,
             .preloader,
              .post-notes,
               .disqus
                 {
                background-color: #00000a;
            }
            
          /* Posts Relacionados */
          .related-posts-section {
              max-width: 1200px;
              margin: 30px auto 40px;
              padding: 0 20px;
              display: none;
          }

          body.is-post-page .related-posts-section {
              display: block;
          }

          .recomendados-header {
              display: flex;
              justify-content: space-between;
              align-items: center;
          }

          .related-posts-title {
              font-size: 16px;
              padding-left: 14px;
              color: #fff;
              font-weight: 600;
          }

          .recomendados-icon {
              width: 32px;
              height: 32px;
              animation: pulseGlow 2s ease-in-out infinite;
              cursor: pointer;
              flex-shrink: 0;
              padding-right: 10px;
              opacity: 0.95;
          }

          .recomendados-icon svg {
              width: 100%;
              height: 100%;
              fill: #d6d6d6;
              filter: drop-shadow(0 0 8px rgba(146, 0, 181, 1));
          }

          .sep-recomendados {
              width: 100%;
              height: 3px;
              background: #9200b5;
              opacity: 0.6;
              margin: 8px 0 8px 0;
          }

          .related-posts-container {
              position: relative;
              padding: 0 10px;
          }

          .related-posts-carousel {
              display: flex;
              gap: 20px;
              overflow-x: auto;
              scroll-behavior: smooth;
              scrollbar-width: none;
              -ms-overflow-style: none;
              padding: 15px 0 10px 0;
              transform-style: preserve-3d;
              -webkit-overflow-scrolling: touch;
              overscroll-behavior-x: contain;
              will-change: scroll-position;
              touch-action: pan-x pan-y;
              transform: translateZ(0);
              -webkit-transform: translateZ(0);
              contain: layout style paint;
          }

          .related-posts-carousel::-webkit-scrollbar {
              display: none;
          }

          .related-post-card {
              flex: 0 0 calc(25% - 15px);
              min-width: 200px;
              aspect-ratio: 1 / 1;
              background: #1a1a1a;
              border-radius: 12px;
              overflow: hidden;
              transition: transform 0.3s ease, box-shadow 0.3s ease;
              position: relative;
              transform: translate3d(0, 0, 0);
              backface-visibility: hidden;
              -webkit-backface-visibility: hidden;
              -webkit-mask-image: -webkit-radial-gradient(white, black);
              mask-image: radial-gradient(white, black);
          }

          /* Fallback 1:1 para navegadores sin soporte de aspect-ratio (Safari < 15).
             Usa el padding-hack para forzar altura = ancho y mantener las tarjetas
             perfectamente cuadradas. Solo se activa donde aspect-ratio no existe,
             así no interfiere con los navegadores modernos. */
          @supports not (aspect-ratio: 1 / 1) {
              .related-post-card::before {
                  content: '';
                  display: block;
                  padding-top: 100%;
              }
              .related-post-card > .related-post-link {
                  position: absolute;
                  top: 0;
                  left: 0;
                  right: 0;
                  bottom: 0;
                  height: auto;
              }
          }

          .related-post-card:hover {
              transform: translateY(-5px);
              box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
          }

          .related-post-link {
              display: block;
              width: 100%;
              height: 100%;
              position: relative;
              text-decoration: none;
              color: inherit;
          }

          .related-post-bg {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: linear-gradient(
                  45deg,
                  #2a2a2a 30%,
                  #333 50%,
                  #2a2a2a 65%
              );
              background-size: 300% 150%;
              animation: loading 1.8s ease-in-out infinite;
              transition: transform 0.3s ease;
              font-size: 0px;
              overflow: hidden;
          }

          .related-post-bg.loaded {
              animation: none !important;
              background: #2a2a2a !important;
          }

          .related-post-bg img {
              width: 100%;
              height: 100%;
              object-fit: cover;
              display: block;
              opacity: 0;
          }
          
          .related-post-bg.loaded img {
              opacity: 1;
          }

          @keyframes loading {
              0% {
                  background-position: 150% 0;
              }
              100% {
                  background-position: -150% 0;
              }
          }

          .related-post-card:hover .related-post-bg {
              transform: scale(1.05);
          }

          .related-post-bg img[src]:not([src=""]) {
              position: relative;
              z-index: 1;
          }

          .related-post-placeholder {
              display: flex;
              align-items: center;
              justify-content: center;
              background: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
          }

          .related-post-overlay {
              position: absolute;
              inset: -5px;
              background: linear-gradient(to bottom,
                      rgba(0, 0, 0, 0) 0%,
                      rgba(0, 0, 0, 0.3) 60%,
                      rgba(0, 0, 0, 0.85) 100%);
              z-index: 1;
              pointer-events: none;
              border-radius: 12px;
              transform-origin: top;
              transition: transform 0.3s ease;
              opacity: 0;
              visibility: hidden;
          }
          
          .related-post-bg.loaded + .related-post-overlay {
              opacity: 1;
              visibility: visible;
          }

          .related-post-card:hover .related-post-overlay {
              transform: scaleY(1.1);
          }

          .related-post-content {
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              padding: 16px 16px 22px 16px;
              z-index: 2;
          }

          .related-post-title {
              font-size: 15px;
              font-weight: 600;
              line-height: 1.6;
              padding-bottom: 3px;
              color: #fff;
              margin: 0;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
              filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.4)) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));
          }

          .carousel-btn {
              position: absolute;
              top: 48%;
              transform: translateY(-50%);
              background: rgba(255, 255, 255, 0.1);
              border: none;
              color: #fff;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              cursor: pointer;
              transition: all 0.3s ease;
              z-index: 10;
              backdrop-filter: blur(10px);
              display: flex;
              align-items: center;
              justify-content: center;
          }

          .carousel-btn img {
              width: 20px;
              height: 20px;
              object-fit: contain;
          }

          .carousel-btn:hover {
              background: rgba(255, 255, 255, 0.2);
              transform: translateY(-50%) scale(1.1);
          }

          .carousel-btn.prev {
              left: 0;
              padding-right: 9px;
          }

          .carousel-btn.next {
              right: 0;
              padding-left: 9px;
          }

          .loading-skeleton {
              background: #2a2a2a;
              animation: pre-loading 1.5s ease-in-out infinite;
          }

           @keyframes pre-loading {
              0%, 100% {
              opacity: 1;
            }
              50% {
              opacity: 0.5;
            }
          }

          @media (max-width: 1024px) {
              .related-post-card {
                  flex: 0 0 calc(33.333% - 50px);
                  min-width: 180px;
              }
          }

          @media (max-width: 768px) {
              .related-posts-container {
                  padding: 0;
              }

              .carousel-btn {
                  width: 32px;
                  height: 32px;
                  margin: 0 -10px;
              }

              .related-post-card {
                  flex: 0 0 calc(50% - 80px);
                  min-width: 160px;
              }


              .related-posts-carousel {
                  scroll-behavior: auto !important;
                  touch-action: pan-x pan-y;
              }
          }

          @media (max-width: 480px) {
              .related-posts-section {
                  margin: 10px auto 40px;
                  padding: 0 20px;
              }

              .related-post-card {
                  flex: 0 0 calc(100% - 220px);
                  min-width: 180px;
              }

              .related-posts-title {
                  font-size: 16px;
              }
          }
            
          /* COMENTARIOS */
          .comentarios {
              margin-left: 22px !important;
              margin-right: 22px !important;
              padding-top: 10px !important;
          }

          .comentarios-header {
              display: flex;
              justify-content: space-between;
              align-items: center;
          }

          .comentarios-titulo {
              font-size: 16px;
              padding-left: 14px;
              font-weight: 600;
          }

          .comentarios-icon {
              width: 30px;
              height: 30px;
              animation: pulseGlow 2s ease-in-out infinite;
              cursor: pointer;
              flex-shrink: 0;
              padding-right: 10px;
              opacity: 0.95;
          }

          .comentarios-icon svg {
              width: 100%;
              height: 100%;
              fill: #d6d6d6;
              filter: drop-shadow(0 0 8px rgba(255, 98, 29, 0.6));
          }

          @keyframes pulseGlow {
              0%, 100% {
                  transform: scale(0.95);
                  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.1));
              }
              50% {
                  transform: scale(1.05);
                  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
              }
          }

          .sep-comentarios {
              width: 100%;
              height: 3px;
              background: #ff621d;
              opacity: 0.6;
              margin: 7px 0 22px 0;
          }
            
            #waline {
              font-family: 'Arquitecta', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
              max-width: 100%;
              margin-bottom: 30px !important;
              --waline-theme-color: #ff621d !important;
              --waline-active-color: #ff621d !important;
            }

            #waline .wl-panel {
              background: #141414 !important;
              border-radius: 24px !important;
              padding: 20px !important;
              border: none !important;
              box-shadow: none !important;
              margin: 0 !important;
            }
            
            #waline .wl-header-item input {
              margin-right: .5em !important;
            }

            #waline .wl-header-item:nth-child(3) {
              display: none !important;
            }

            #waline .wl-header {
              display: grid !important;
              grid-template-columns: 1fr 1fr !important;
              gap: 20px !important;
              margin-top: 10px !important;
              margin-bottom: 10px !important;
              border-bottom: 0 !important;
              padding: 0!important;
            }

            .wl-header label {
              color: #fff !important;
              padding: 8px 14px 8px 8px !important;
              font-size: 11px !important;
            }

            #waline .wl-header-item input {
              width: 100% !important;
              height: 20px !important;
              background: #242424 !important;
              border: none !important;
              border-radius: 16px !important;
              padding: 10px 14px !important;
              font-size: 12px !important;
              font-family: 'Arquitecta', sans-serif !important;
              color: #eee !important;
              font-weight: 500 !important;
            }

            #waline .wl-header-item input::placeholder {
              color: #eee !important;
              font-weight: 500 !important;
            }

            #waline .wl-header-item input:focus {
              outline: none !important;
              background: #424242 !important;
            }

            #waline .wl-editor {
              background: #242424 !important;
              border: none !important;
              border-radius: 20px !important;
              padding: 14px !important;
              min-height: 84px !important; 
              white-space: pre-wrap !important;
              width: calc(100% - 42px) !important;
              margin-bottom: 10px !important;
              font-family: 'Arquitecta', sans-serif !important;
              font-size: 12px !important;
              color: #eee !important;
              resize: none !important;
              scrollbar-width: none !important;
              resize: none !important;
              overflow: hidden !important;
            }
     
            #waline .wl-editor::-webkit-scrollbar {
              width: 0px !important;
              height: 0px !important;
              display: none !important;
            }

            #waline .wl-editor::placeholder {
              color: #eee !important;
              font-weight: 500 !important;
              font-size: 13px !important;
            }

            #waline .wl-editor:focus-within {
              outline: none !important;
              background: #424242 !important;
            }
            
            .wl-preview .wl-content>*:last-child {
              line-height: 1.75 !important;
            }

            #waline .wl-footer {
              display: flex !important;
              justify-content: space-between !important;
              align-items: center !important;
              padding: 0 !important;
              background: transparent !important;
              border: none !important;
            }

            #waline .wl-action {
              gap: 12px !important;
              padding: 6px 6px !important;
              border-radius: 12px !important;
              align-items: center !important;
              justify-content: center !important;
              width: 2.5em !important;
              height: 2.5em !important;
              margin: 0 !important;
              border: none !important;
              background: rgba(0, 0, 0, 0) !important;
              color: #fff !important;
              font-size: 12px !important;
              cursor: pointer !important;
            }
            
            #waline .wl-actions {
              opacity: .5 !important; 
            }

            #waline .wl-action button {
              background: transparent !important;
              border: none !important;
              color: #ffffff !important;
              cursor: pointer !important;
              padding: 6px !important;
              font-size: 20px !important;
              transition: all 0.2s !important;
            }

            #waline .wl-action button:hover {
              color: #ff6633 !important;
              transform: scale(1.1) !important;
            }

            #waline .wl-action svg {
              fill: #ffffff !important;
              width: 24px;
              height: 24px;
            }
            
            #waline .wl-action svg.custom-icon {
              width: 23px !important;
              height: 23px !important;
            }

            .wl-actions a[title="Markdown Guide"],
            button.wl-action[title="Vista previa"],
            label.wl-action[title="Subir imagen"] {
              display: none !important;
            }

            #waline .wl-text-number {
              display: none !important;
            }

            #waline .wl-footer > div:last-child {
              display: flex !important;
              gap: 12px !important;
            }  

            #waline .wl-login-btn {
              background: #b0b0b0 !important;
              color: #333 !important;
              border: none !important;
              border-radius: 12px !important;
              padding: 14px 32px !important;
              font-size: 15px !important;
              font-weight: 600 !important;
              font-family: 'Arquitecta', sans-serif !important;
              text-transform: uppercase !important;
              cursor: pointer !important;
              transition: all 0.3s !important;
            }

            #waline .wl-login-btn:hover {
              background: #c0c0c0 !important;
            }

            #waline .wl-btn {
              background: #ff621d !important;
              color: #ffffff !important;
              border: none !important;
              border-radius: 12px !important;
              margin: 0 6px !important;
              padding: 10px 24px !important;
              font-size: 9px !important;
              font-weight: 700 !important;
              font-family: 'Arquitecta', sans-serif !important;
              text-transform: uppercase !important;
              letter-spacing: 1px !important;
              cursor: pointer !important;
              transition: all 0.3s !important;
              box-shadow: 0 2px 8px rgba(255, 102, 51, 0.3) !important;
            }

            #waline .wl-btn:hover {
              background: #9200b5 !important;
              transform: translateY(-2px) !important;
              box-shadow: 0 3px 12px rgba(255, 102, 51, 0.4) !important;
            }

            #waline .wl-btn:active {
              transform: translateY(0) !important;
            }

            button.wl-btn:not([type="submit"]) {
              display: none !important;
            }
            
            .wl-preview {
              display: block !important;
              line-height: 1.6 !important;
            }
            
            .wl-preview h4 {
              font-weight: 300 !important;
              font-size: 12px !important;
              color: #a2a2a2 !important;
            }

            [data-waline] hr {
              margin: 10px 0 !important;
              border-style: solid !important;
              border-color: #ffffff33 !important;
            }
            
            #waline .wl-cards {
              margin-top: 5px !important;
            }

            #waline .wl-card {
              background: #141414 !important;
              border: 0 !important;
              border-radius: 16px !important;
              padding: 15px !important;
              padding-bottom: 6px!important;
              margin-bottom: 8px !important;
              color: #ffffff !important;
            }
            
            #waline .wl-card .wl-card {
              padding: 5px 15px 5px 5px !important;
              margin-bottom: 0px !important;
            }
            
            .wl-card-item {
              padding: 12px .5em 0 .5em !important;
            }
            
            #waline .wl-card .wl-head {
              color: #ffffff !important;
            }

            #waline .wl-card .wl-nick {
              color: #ff6633 !important;
              font-weight: 600 !important;
              font-size: 13px !important;
            }

            #waline .wl-card .wl-content {
              color: #e0e0e0 !important;
            }
            
            #waline .wl-card .wl-content p img[src*=".gif"] {
              display: block !important;
              margin: 0 auto !important;
              padding-top: 10px!important;
            }
            
            .wl-reply-to {
              transform: translateY(-12px)!important;
            }
            
            .wl-content .wl-reply-to a {
              color: #9200B5 !important;
              font-size: 11px;
            }
            
            .wl-content .wl-reply-to span {
              color: #9200B5 !important;
              font-size: 11px;
            }

            .wl-card .wl-badge {
              border: 1px solid #a4a4a4 !important;
              color: #a4a4a4 !important;
              font-size: 10px !important;
            }
            
            .wl-head .wl-badge:nth-of-type(3) {
              display: none !important;
            }

            .wl-card .wl-time {
              font-size: 10px !important;
              margin-inline-end: 2px!important;
            }

            .wl-cards .wl-user img {
              margin-top: 10px !important;
              width: 40px !important;
              height: 40px !important;
            }

            .wl-card .wl-quote {
             border-inline-start: 1px solid transparent!important;
             border-image: linear-gradient(#444 30%, transparent 100%) 1!important;
            }

            #waline .wl-avatar img,
            #waline .wl-user-avatar img {
              content: url('/assets/img/ui/nx_t72z4j8oLP1sa6u58_500.jpg') !important;
            }

            .wl-cards .wl-user .administrator-icon {
              display: none !important;
            }

            .wl-login-nick {
              color: #9200B5 !important;
            }

            .wl-login-info {
              margin-top: 15px !important;
              margin-right: 20px !important;
            }

            .wl-sort {
              gap: 12px !important;
              display: flex !important;
            }
            
            .wl-sort li.active {
              color: #9200B5 !important;
            }
            
            .wl-sort li+li {
              margin-inline-start: 0 !important;
            }

            .wl-count {
              font-size: 14px !important;
              font-weight: 400 !important;
            }

            .wl-card .wl-meta {
              display: none !important;
            }

            .wl-meta-head {
              padding: 15px 10px 0 14px !important;
            }
            
            .wl-warning {
             font-size: 11px!important;
             font-style: italic!important;
             color: #ccc!important;  
            }

            [data-waline] p {
              color: #ffffff !important;
              font-size: 12px !important;
            }

            [data-waline] a {
              color: #9200B5 !important;
            }
            
            [data-waline] img {
              max-width: 100% !important;
              max-height: 200px !important;
            }

            .wl-card .wl-delete,
            .wl-card .wl-like,
            .wl-card .wl-reply,
            .wl-card .wl-edit {
              color: #bebebe !important;
            }

            .wl-empty {
              font-size: 13px !important;
              padding-top: 1.75em !important;
              background: linear-gradient( 90deg, #4e4e4e 10%, #8a8a8a 30%, #ff621d 50%, #8a8a8a 75%, #505050 95%);
              background-size: 200% auto;
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              background-clip: text;
              animation: shimmer 5s linear infinite;
            }

              @keyframes shimmer {
              0% { background-position: 200% center; }
              100% { background-position: -200% center; }
            }
            
            .wl-gif-popup {
             width: 100%!important;
             inset-inline-start: auto !important;
             top: 50% !important;
             left: 50% !important;
             transform: translate(-50%, -78%) !important;
             transition: opacity .3s ease-out !important;
             border-bottom-width: 10px !important;
             border-color: #ffffff !important;
             height: 300px !important;
             overflow: hidden !important;
            }

            .wl-gallery {
              padding-right: 10px !important;
              overflow-y: auto !important;
              max-height: 260px !important;
            }
            
            .wl-gallery::-webkit-scrollbar {
              border-radius: 12px !important;
              margin-left: 6px !important;
            }
            
            .wl-content .wl-emoji {
              height: 1.60em !important;
            }
            
            .wl-emoji-popup {
              max-width: 100% !important;
            }

            .wl-emoji-popup.display {
              inset-inline-start: auto !important;
              top: 50% !important;
              left: 50% !important;
              transform: translate(-50%, -85%) !important;
              width: 100% !important;
              transition: opacity .3s ease-out !important;
            }
            
            .wl-emoji-popup .wl-tab-wrapper {
              overflow-y: auto !important;
              max-height: 145px !important;
              margin-top: 10px !important;
              margin-bottom: 10px !important;
              padding: 3px 16px !important;
            }
            
            .wl-emoji-popup .wl-tab-wrapper::-webkit-scrollbar {
              border-radius: 12px !important;
              width: 4px !important;
            }

            .wl-power,
            .wl-rss {
              display: none !important;
            }

            @media (max-width: 768px) {
              .comentarios {
              margin-left: 20px !important;
              margin-right: 20px !important;
              }
              #waline .wl-header {
              grid-template-columns: 1fr !important;
              }

              #waline .wl-panel {
              padding: 20px 10px 20px 10px !important;
              }
              
              .wl-gif-popup {
              transform: translate(-50%, -102%) !important;
              }
              
              .wl-emoji-popup.display {
              transform: translate(-50%, -100%) !important;
              }
              
              .wl-empty {
              padding-top: 1.25em !important;
              }

              #waline .wl-footer {
              flex-direction: column !important;
              gap: 16px !important;
              margin: 0 .75em .5em .75em!important;
              }

              #waline .wl-footer > div:last-child {
              width: 100% !important;
              justify-content: center !important;
              }
            }

            @media (max-width: 580px) {
              .wl-header-item:not(:last-child) {
                border-bottom: 0 !important;
              }
              
              #waline .wl-card {
                padding: 15px !important;
              }
              
              #waline .wl-card .wl-card {
                padding: 1px 1px !important;
              }
              
              .wl-card-item {
                padding: 12px .5em 0 0 !important;
              }
              
              .wl-card-item .wl-card-item {
                padding: 0 0 0 5px !important;
              }

              .wl-sort {
                display: block!important;
              }
              
              .wl-sort li {
                display: flex !important;
                font-size: 11px !important;
                margin-bottom: 2px !important;
              }
              
              .wl-card .wl-time {
                font-size: 9px !important;
              }
            }              
                
            /*:Posts text - #545454*/
            .posts,
             .post h1,
              .post h2,
               .post h3,
                .post h4,
                 .post h5,
                  .post h6,
                   .post .typography a,
                    .post-notes a,
                     .post-title > a,
                      .post-caption {
                color: #ffffff;
            }
            .quote-text > svg {
                fill: #ffffff;
            }
            .post-title {
                border-color: #ffffff;
            }
            /*:Posts title - #545454*/
            .post-title,
             .post-title > a {
                color: #9200b5;
            }
            
            .post-title.uppercase {
             font-size: 25px;
             font-weight: 600;
             text-transform: uppercase;
             text-align: center;
             padding-top: 50px;
             line-height: 160%;  
            }
            .post-title+.post-caption {
             margin-top: 25px;
             margin-bottom: 35px;
             text-align: center;
            }

            .nx-reaction-buttons {
             padding-top: 30px;
            } 
             .post .pagination {
             padding-bottom: 40px;
             margin-top: 0px;
             }

             .video-iframe {
              max-width: 60%; 
              max-height: 60%;
              display: block;
              margin: auto;
              }
              
              @media (min-width: 900px) {
              #youtube-vertical iframe {
              max-height: 80vh !important;
              max-width: calc(80vh * 9 / 16) !important;
              }
              #youtube-horizontal iframe {
              max-width: 100% !important;
              }
              }

             @media all and (min-width: 760px){
             .post-spacing-30 .post {
             padding-top: 30px;    
             }
             }
             
            @media all and (max-width: 650px){
            .video-iframe {
              max-width: 90%; 
              max-height: 90%;
             }
             }
             
            .cancion-boton {
            display: inline-block;
            padding: 10px 20px;
            background-color: #FF621D;
            color: #ffffff!important; 
            border: none;
            border-radius: 15px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.3s ease;
            margin: 0px 6px;
            }
            .cancion-boton:hover {
            background-color: #9200B5;
            text-decoration: none!important;
            }
             
            .post .pagination,
             .typography blockquote a {
                font-size: 5px; 
            }
            
            .post .pagination>div>a {
            transition: all .3s ease;
            font-size: 9px!important; 
            z-index: 11;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            border-radius: 25px;
            }

           .standard-pagination>a,
           .standard-pagination>span {
            transition: all .3s ease;
            font-size: 11px;
            z-index: 11;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            border-radius: 25px;
            margin: 8px 5px;
            }
            
           @media (max-width: 650px) {
            .standard-pagination {
            padding-left: 5%;
            padding-right: 5%;
            margin-bottom: 50px;
            }
            }
            
           .error404 img {
            display:block;
            margin:auto;
            padding-top: 10px;
            max-width: 80%;
            }
            
            #search-box404 {
            position: relative;
            width: 90%;
            display:block;
            margin:auto;
            padding-bottom: 40px;
             }
            
            #search-form404 {
            border: 0;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            overflow: hidden;
            }
            
            #search-text404 {
            font-size: 14px;
            height: 42px;
            width: 50%;  
            font-family: Arquitecta;
            text-align: center;
            color: #9200B5;
            border-width: 0;
            background: #fff;
            border-radius: 15px 0px 0px 15px;
            }
            
            #search-box404 input[type="text"] {
            width: 90%;
            color: #333;
            outline: none;
            }
            
            #search-button404 {
            top: 0;
            right: 0;
            height: 45px;
            width: 21%;
            font-size: 14px;
            font-family: Arquitecta;
            color: #fff;
            text-align: center;
            line-height: 0px;
            border-width: 0;
            background-color: #9200B5;
            -webkit-border-radius: 0px 15px 15px;
            -moz-border-radius: 0px 15px 15px 15px;
            border-radius: 0px 15px 15px 0px;
            cursor: pointer;
            }

            #search-button404:hover {
            opacity: 0.8; 
            }
            @media all and (max-width: 500px) {
            #search-text404 {
            font-size: 12px;
            height: 42px;
            width: 65%;  
           }
           #search-button404 {
           height: 45px;
           width: 30%;
           font-size: 12px; 
           }    
           #search-button404:hover {
            opacity: 0.65; 
           }
           }
 
            /*:Posts links - #545454*/
            .post .typography a,
             .reblog-info a {
                color: #ff621d;
            }
            /*Posts borders - #E8E8E8*/
            .chat-text > li,
             .notes > li {
                border-color: #ff621d;
            }
            /*Posts quotes background - #EFEFEF*/
            .typography blockquote {
                background-color: #00000a;
            }
            /*Posts quotes text - #EFEFEF*/
            .typography blockquote,
             .typography blockquote h1,
              .typography blockquote h2,
               .typography blockquote h3,
                .typography blockquote h4,
                 .typography blockquote h5,
                  .typography blockquote h6,
                   .post-caption blockquote {
                color: #545454;
            }
            
         .permalink-page .typography {
          margin-bottom: 17px;
          text-align: center;
          line-height: 2em;
}
        @media all and (min-width: 900px) {
        .video-wrapper iframe, .video-wrapper video {
        margin: 0 auto;
        display: block;
        background-color: #00000a!important;
}   
           }

            /*Posts hover overlay - #F5AD58*/
            .overlay,
             .post-caption a.nx-lb:after {
                background-color: #9200b5;
            }
            /*Posts hover text - #F5AD58*/
            .masonry.masonry-caption-hover .caption-o .post-caption,
             .masonry.masonry-caption-hover .caption-o .post-caption a,
              .masonry.masonry-caption-hover .caption-o .post-caption h1,
               .masonry.masonry-caption-hover .caption-o .post-caption h2,
                .masonry.masonry-caption-hover .caption-o .post-caption h3,
                 .masonry.masonry-caption-hover .caption-o .post-caption h4,
                  .masonry.masonry-caption-hover .caption-o .post-caption h5,
                   .masonry.masonry-caption-hover .caption-o .post-caption h6,
                    .masonry.masonry-caption-hover .caption-o .post-caption blockquote,
              .grid.grid-caption-hover .caption-o .post-caption,
               .grid.grid-caption-hover .caption-o .post-caption a,
                .grid.grid-caption-hover .caption-o .post-caption h1, 
                 .grid.grid-caption-hover .caption-o .post-caption h2,
                  .grid.grid-caption-hover .caption-o .post-caption h3,
                   .grid.grid-caption-hover .caption-o .post-caption h4,
                    .grid.grid-caption-hover .caption-o .post-caption h5,
                     .grid.grid-caption-hover .caption-o .post-caption h6,
                      .grid.grid-caption-hover .caption-o .post-caption blockquote {
                color: #fbfbfb;
            }
            .masonry.masonry-caption-hover .caption-o .post-caption blockquote,
             .grid.grid-caption-hover .caption-o .post-caption blockquote {
                border-color: #fbfbfb;
            }

 .nx-lightbox-theme-default.nx-lightbox-overlay {
  background: rgba(0, 0, 10, 1) !important;
        }

  /* El cielo estrellado lo dibuja ahora el módulo embebido al final de
     assets/js/nx-lightbox.min.js en un <canvas.nx-lightbox-stars> (distribución
     sin rejillas + parpadeo individual). Reemplaza el antiguo ::before de 12
     radial-gradient en mosaico. */
  .nx-lightbox-theme-default.nx-lightbox-overlay > .nx-lightbox-stars {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }

    .nx-lightbox-theme-default .nx-lightbox-nav:hover {
    opacity: 0,5;
    background-color: rgba(0,0,10,0)!important;
    }
    .nx-lightbox-content {
    transition: transform 0.3s ease;
    -ms-touch-action: none;
    touch-action: none;
     }

    @media (hover: none) and (pointer: coarse) {
      .nx-lightbox-theme-default .nx-lightbox-close {
        background-size: 26px 26px;
        width: 24px;
        height: 24px;
        padding: 8px;
        top: 5%;
      }
    }

        /*Posts tags - #DDDDDD*/
            .tags {
            display: none;
            margin: 0 4px;
            text-align: center;
            padding: 0 15px;
            margin-bottom: 15px;
            }
            
            .tags > .tag {
            color: #ffffff;
            font-size: 12px;
            margin: 0 14px 14px 0;
            opacity: 0.7;
            }

            .post-stats {
            display: none!important;
            }

            .post-notes>.notes {
             padding-top: 2px;
             padding-left: 15px;
             padding-right: 15px;
            }
  
            @media all and (max-width: 580px){
            .post-notes>.notes {
             padding-left: 15px;
             padding-right: 15px;
            }
 
            .post-buttons {
            margin-bottom: 20px;
            }   
            }

            /*Posts notes counter background - #949494*/
            .post-stats,
             .share-buttons > .option-btn {
            background-color: #00000a;
            }
            .share-buttons > .option-btn {
                border-color: #00000a; 
            }
            /*Posts notes counter text - #eaeaea*/
            .post-stats > div,
             .post-stats > div > a,
              .share-buttons > .option-btn {
                color: #ffffff;
            }
            .share-buttons > .option-btn svg {
                fill: #ffffff;
            }
            /*Posts notes counter hover color*/
            .post-stats a:hover,
             .share-buttons > .option-btn:hover {
                color: #b5b5b5;
            }
            .share-buttons > .option-btn:hover svg {
                fill: #b5b5b5;
            }
            /*Posts buttons background - #e4e4e4*/
            .wrapper > .post-buttons {
                background-color: #ff621d;
            }
            /*Posts buttons icon - #545454*/
            .post-date,
             .post-date > a,
              .post-button-s1 a {
                color: #ffffff;
            }
            
            .post-tum svg,
             .post-reblog svg,
              .post-share svg {
                fill: #ffffff;
            }
            
            .post-tum svg {
             width: 22px;
             height: 22px;
             transition: 320ms ease;
}
            .post-tum, .post-reblog, .post-share {
             float: right;
             opacity: 0.9;
             position: relative;
             cursor: pointer;
             padding: 11px 2px;
}    
            
            .post-buttons .post-button-s1 {
                padding-top: 50px;
            }
            .post-buttons .icon:hover{
             transform: rotate(135deg);   
            }

            @media all and (max-width: 760px) {
           .post-permalink {
            float: none;
            }
            
            .post-date {
            float: left;    
            }
            }

            /*Posts buttons hover - #d95e40*/
            .post-buttons .post-date > a:hover,
             .post-button-s1  > a:hover {
                color: #9200b5;
            }
            
            .post-permalink > a:hover {
                color: #eee;
            }
            
            .post-tum:hover svg,
             .post-reblog:hover svg,
              .post-share:hover svg {
                fill: #9200b5;
            }
            
            #st-2.st-justified {
             display: flex;
             text-align: center;
             padding-bottom: 20px;
            }
            
            .imgWrapper4 {
            font-size: 0;
            text-align: center;
            padding-bottom: 10px;
            }

    .imgWrapper4 .imgResponsiva {
    display: inline-block;
    font-size: inherit;
    padding: 12px; 
     margin-bottom: 25px; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

   .imgWrapper4 .imgResponsiva {width: 12%; } 

   .imgResponsiva img {
    height: auto;
    width: 80%;
    }

    @media only screen and (max-width: 840px) {
    .imgWrapper4 .imgResponsiva { width: 21%; 
    } 
    }

    @media only screen and (max-width: 420px) {
    .imgWrapper4 .imgResponsiva { width: 35%; 
    } 
    }
    .post-notes-wrap {
     padding-top: 2px!important;
     margin-bottom: 20px;
     }
     #st-1 {
     font-family: "arquitecta"!important;
     }
     #st-1 .st-btn .st-text {
     word-break: normal!important;
     text-align: center!important;
     font-size: 8px !important;
     line-height: 11px!important;
     }
     #st-1 .st-btn {
     line-height: 30px!important;
     }
     #st-1 .st-btn > span {
     padding-top: 5px!important;
     font-size: 12px!important;
     }
        
    #floating-audio {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    padding: 0 !important;
    margin-bottom: 0 !important;
    }

    #audio-player {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
    }

    .play-button-container {
    position: relative;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateZ(0);
    will-change: transform;
    overflow: visible;
    isolation: isolate;
    }

    .progress-ring-track,
    .progress-ring {
    display: none;
    }

    .svg-progress-container {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 62px;
    height: 62px;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: 50% 50%;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    }

    .svg-progress-ring {
    width: 100%;
    height: 100%;
    transform: rotate(-180deg);
    overflow: visible;
    }

    .svg-track {
    fill: none;
    stroke: rgba(255, 255, 255, 0.08);
    stroke-width: 1.2;
    filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.08)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.15));
    }

    .svg-progress {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    transition: opacity 0.4s ease;
    opacity: 0;
    filter: contrast(0.8) saturate(1) drop-shadow(0px 0px 2px rgba(136, 136, 136, 0.5)) drop-shadow(0px 0px 4px rgba(136, 136, 136, 0.3));
    }

    .svg-progress.visible {
    opacity: 1;
    }

    .svg-progress.gray-mode {
    stroke: #6c6c6c;
    filter: contrast(0.5) saturate(1) opacity(0.5) drop-shadow(0px 0px 3px rgba(153, 153, 153, 0.6)) drop-shadow(0px 0px 5px rgba(119, 119, 119, 0.4)) drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.1));
    }

    .svg-progress.color-mode {
    stroke: url(#colorGradient);
    filter: contrast(0.8) saturate(1) drop-shadow(0px 0px 4px rgba(146, 0, 181, 0.7)) drop-shadow(0px 0px 6px rgba(255, 98, 29, 0.5)) drop-shadow(0px 0px 3px rgba(255, 26, 26, 0.6)) drop-shadow(0px 0px 10px rgba(146, 0, 181, 0.3));
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .svg-progress {
        filter: contrast(0.5) saturate(1) drop-shadow(0px 0px 1.5px rgba(136, 136, 136, 0.4)) drop-shadow(0px 0px 3px rgba(136, 136, 136, 0.25));
    }
    
    .svg-progress.gray-mode {
        filter: contrast(0.5) saturate(1) opacity(0.5) drop-shadow(0px 0px 2px rgba(153, 153, 153, 0.5)) drop-shadow(0px 0px 4px rgba(119, 119, 119, 0.35)) drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.08));
    }
    
    .svg-progress.color-mode {
        filter: contrast(0.8) saturate(1) drop-shadow(0px 0px 3px rgba(146, 0, 181, 0.6)) drop-shadow(0px 0px 5px rgba(255, 98, 29, 0.4)) drop-shadow(0px 0px 2px rgba(255, 26, 26, 0.5)) drop-shadow(0px 0px 8px rgba(146, 0, 181, 0.25));
    }
    }

    .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transform-origin: 50% 50%;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #9200b5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(146, 0, 181, 0.4), 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    flex-shrink: 0;
    z-index: 2;
    pointer-events: none;
    opacity: 0.5;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    }

    @supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
    .play-btn {
        transform: translate3d(-50%, -50%, 0);
    }
    }

    .play-btn.enabled {
    pointer-events: auto;
    opacity: 1;
    box-shadow: 0 6px 20px rgba(146, 0, 181, 0.5), 0 3px 8px rgba(0, 0, 0, 0.3);
    }

    .play-btn:hover:not(.enabled) {
    transform: translate3d(-50%, -50%, 0);
    }

    .play-btn:hover.enabled {
    box-shadow: 0 8px 25px rgba(146, 0, 181, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4);
    }

    .play-btn:active.enabled {
    transform: translate3d(-50%, -50%, 0) scale(0.85);
    box-shadow: 0 2px 8px rgba(146, 0, 181, 0.4), 0 1px 4px rgba(0, 0, 0, 0.3);
    }

    .play-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 20px;
    border-color: transparent transparent transparent #fff;
    margin-left: 6px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    }

    .is-playing .play-icon {
    width: 16px;
    height: 21px;
    border: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
    }

   .play-icon.pause::before,
   .play-icon.pause::after {
    content: "";
    display: block;
    width: 5px;
    height: 21px;
    background: #fff;
    border-radius: 2px;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    }

    .promo-text {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fff 0%, #f8f8f8 100%);
    color: #9200b5;
    font-family: 'Arquitecta', sans-serif;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 17px !important;
    padding: 5px 12px;
    border-radius: 13px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    z-index: 1;
    border: 1px solid rgba(146, 0, 181, 0.1);
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
    }

    .promo-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    animation: shine 4s infinite;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    }

    @keyframes shine {
    0% { left: -75%; }
    100% { left: 125%; }
    }

    #floating-audio {
    display: none !important;
    }

    html.is-single-post #floating-audio {
    display: inline-flex !important;
    }

    #floating-audio,
    #floating-audio *,
    #floating-audio *::before,
    #floating-audio *::after {
    box-sizing: border-box;
    }

    #floating-audio .play-button-container {
    position: relative;
    isolation: isolate;
    contain: layout style;
    }

     @supports (-moz-appearance: none) {
    .play-button-container {
        filter: blur(0px);
    }
    
    .svg-progress-container,
    .play-btn {
        transform: translate3d(-50%, -50%, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }
    }

            /*== SIDEBAR COLORs ==*/
            /*Sidebar background - #444444*/
           
            .sidebar-tags a:hover {
                color: #323232;
            }
            .sidebar-content:before,
             .link-host {
                background-color: #323232;
            }
             /*Sidebar text - #EAEAEA*/
             .sidebar,
              .social-links > li > a,
               .tweet-date,
                .link-host,
                 .sidebar-tags a {
                color: #ffffff;
            }
            .sidebar-tags a:hover {
                background-color: #ffffff;
            }
            .sidebar .social-links a,
             .sidebar-tags a {
                border-color: #ffffff;
                border-radius: 25px;
                text-align: center;
            }

            .sidebar-label {
            font-size: 15px;
            margin-top: 35px;
            margin-bottom: 24px;
            font-weight: 700;
            }
            
            .tweet > svg,
             .sidebar .social-link > svg {
                fill: #ffffff;
            }
            .sidebar .social-link:hover > svg,
             .sidebar .color .social-link > svg {
                fill: #fafafa;
            }
            /*Sidebar Twitter separator - #656565*/
            .tweet {
                border-color: ;
            }
            /*Sidebar Twitter links color*/
            .tweet-text a {
                color: ;
            }

            .search-box-sidebar {
            position: relative;
            width: 98%;
            max-width: 328px;
            white-space: nowrap;
            margin-top: 2px;
            margin-bottom: 60px; 
             }
            
            .search-form-sidebar {
            border: 0;
            display: inline-block;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            overflow: hidden;
            }

            #search-text-sidebar {
            font-size: 14px;
            height: 32px;
            width: 62%;  
            font-family: Arquitecta;
            text-align: center;
            color: #9200B5 !important;
            border-width: 0;
            background: #fff;
            border-radius: 15px 0px 0px 15px;
            }

            #search-box-sidebar input[type="text"] {
            width: 90%;
            color: #333;
            outline: none;
            }
            #search-button-sidebar {
            top: 0;
            right: 0;
            height: 35px;
            width: 32%;
            font-size: 14px;
            font-family: Arquitecta;
            color: #fff;
            text-align: center;
            line-height: 0px;
            border-width: 0;
            background-color: #9200B5;
           -webkit-border-radius: 0px 15px 15px;
           -moz-border-radius: 0px 15px 15px 15px;
            border-radius: 0px 15px 15px 0px;
            cursor: pointer;
            }

           #search-button-sidebar:hover {
           opacity: 0.6; 
        }
    #tiktok-widget {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px;
    max-width: 290px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    gap: 10px;
}

.tiktok-icon svg {
    width: 30px;
    height: 30px;
}

.tiktok-content {
    flex: 1;
    text-align: left;
}

.tiktok-content h2 {
    margin: 0;
    font-size: 18px!important;
    color: #333;
}

.tiktok-boton {
    flex: 2;
}

.tiktok-button {
    display: inline-block;
    padding: 8px 20px;
    background-color: #9200B5;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 12px;
    font-size: 14px;
    margin-left: 20px;
    transition: background-color 0.3s ease;
}

.tiktok-button:hover {
    background-color: #FF621D;
}

@media all and (max-width: 400px) {
    #tiktok-widget {
        flex-direction: column;
        align-items: center;
    }

    .tiktok-icon {
        margin-bottom: -4px;
    }

    .tiktok-content {
        text-align: center;
        margin-bottom: 10px;
    }

    .tiktok-boton {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .tiktok-button {
        width: 80%;
        text-align: center;
        margin-left: 0px;
    }
   }

     .facebook-container {
     min-height: 480px;
      }
     .load-facebook-btn:hover {
     transform: scale(1.02);
      }
     .load-facebook-btn:active {
     transform: scale(0.98);
      }
      
       /*== FOOTER COLORS ==*/
            /*Footer background - #444444*/
            .tag-cloud a:hover,
             .footer-search input {
                color: #0e0e0e;
            }

            .footer-wrap {
             background-color: #0e0e0e;
             margin-top: 0;
             }
        
             @media all and (max-width: 759px){
             .footer-wrap {
             margin-top: 10px;
             }
             }
        
             @media all and (max-width: 580px){
             .footer-wrap {
             margin-top: 0px;
             }
             }

            .footer-wrap.widget {
             padding-top: 50px; 
             padding-bottom: 20px; 
             margin-top: 20px;
            }
        
            /*Footer text - #EAEAEA*/
            .footer-wrap .label,
             .tag-cloud a,
              .footer-sl li a {
                color: #dcdcdc;
            }
            .footer-wrap .social-links a,
             .tag-cloud a,
              .footer-sl > li > a {
                border-color: #dcdcdc;
            }
            .tag-cloud a:hover,
             .footer-search input,
              .footer-search:after {
                background-color: #dcdcdc;
            }
            .footer-wrap .social-link > svg {
                fill: #dcdcdc;
            }
            .footer-wrap .social-link:hover > svg,
             .footer-wrap .color .social-link > svg {
                fill: #fafafa;
            }

            /*Footer copyright background - #111111*/
            .copyright {
                background-color: {color:#111111};
            }
           
            @media all and (max-width: 580px) {
            .copyright {
            font-size: 12px;
            }    
            }

            .logomarf {
            width: 50%; 
            display:block;
            margin:auto;
            }
            
            .logomarf img {
            width: 120px;
            height: 120px;
            aspect-ratio: 1 / 1;
            display:block;
            margin:auto;
            margin-top: 10px;
            margin-bottom: 20px;
            object-fit: contain;
            }
            
            @media only screen and (max-width: 500px) {
            .logomarf img {
             width: 100px;
            height: 100px;
            margin-top: 20px;
            margin-bottom: 30px;
            }
            }

           .botonpie {
           color: white;
           padding: 7px 10px;
           font-size: 10px;
           text-decoration: none;
           border-color: #9200B5;
           border-width: 2px;
           border-style: solid;
           display: inline-block;
           margin-top: 6px;
           margin-right: 2px;
           margin-bottom: 6px;
           margin-left: 2px;
           border-radius: 20px;

           }

           @media only screen and (max-width: 768px) {
           .enlaces-pie {
               max-width: 60%;
               display: inline-block;
           }   
               
           .botonpie {
           padding: 6px 10px;
           font-size: 10px;
           text-decoration: none;
           border-width: 1.2px;
           display: inline-block;
           margin-top: 6px;
           margin-right: 2px;
           margin-bottom: 6px;
           margin-left: 2px;
           border-radius: 16px;

           }
           }
    
            /*Footer copyright text - #ECECEC*/
            .copyright,
             .tdr {
                padding-top: 28px;
                padding-bottom: 30px;
                padding-left: 30px;
                padding-right: 30px;
            }
            
            .tdr a {
                color: #dadada;
            }
    
            }
            /*Pinned posts icon - #eaeaea*/
            .pinn-icon > svg {
                fill: #eaeaea;
            }
            /*Pinned posts icon background - #353535*/
            .pinn-icon > svg {
                background-color: #353535;
            }
            
            .search .logos-socios {
                display: none;
            }
            
            .search-page-label .logos-socios {
                display: none;
            }
            
            /*Search and tag pages color*/
            .search-page-label, .tag-page-label {
                color: #ffffff;
                line-height: 30px;
            }
            
            /*css fix for grid layout*/
            .grid .photo-cover {
                display: block;
            }
            .center-pictures .post-caption figure img {
                margin: 0 auto;
            }

 .grid .video video, .grid .video-wrapper iframe {
    width: 100% !important;
    height: 100% !important;
    display: block;
    margin: 0 auto;
}
     

/* ── Luna del preloader ──────────────────────────────────────
   Empieza LLENA; una "sombra" circular entra de izquierda a derecha
   (llena → nueva → llena). La parte iluminada es UNA sola capa con
   máscara animada: se rasteriza en una pasada, por lo que no puede
   existir el aro blanco de las técnicas de círculos superpuestos. */
.css-preloader-01 .css-animation,
.post .css-preloader-01 .css-animation,
.css-preloader-01.loading-info.loading-info .animation-wrap .css-animation {
  animation: none;
  box-shadow: none;
  background: #13132a; /* cara oscura de la luna */
}
.css-preloader-01 .css-animation::after,
.post .css-preloader-01 .css-animation::after,
.css-preloader-01.loading-info.loading-info .animation-wrap .css-animation::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #d4c5b9; /* cara iluminada */
  /* agujero circular que barre la capa iluminada */
  -webkit-mask-image: radial-gradient(circle at 112.5px 22.5px, transparent 22px, #000 23.5px);
  mask-image: radial-gradient(circle at 112.5px 22.5px, transparent 22px, #000 23.5px);
  -webkit-mask-size: 225px 45px;
  mask-size: 225px 45px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  animation: nx-moonmask 2s ease-in-out infinite;
}
.css-preloader-01 .css-animation::before,
.post .css-preloader-01 .css-animation::before,
.css-preloader-01.loading-info.loading-info .animation-wrap .css-animation::before {
  z-index: 2;
}
@keyframes nx-moonmask {
  0%   { -webkit-mask-position: -160px 0; mask-position: -160px 0; }
  100% { -webkit-mask-position: -10px 0;  mask-position: -10px 0; }
}

/* ── Navegación entre publicaciones en móvil ─────────────────
   El botón central (Inicio) es más pequeño por diseño; el único
   defecto del original era que su icono quedaba descentrado.
   Lo centramos con text-align SIN cambiar display ni altura. */
@media (max-width: 647px) {
  .post .pagination-wrap-middle > a { text-align: center !important; }
  .post .pagination-wrap-middle > a > svg { margin: 0 auto; }
}

/* 404 y búsqueda vacía: el .post que envuelve el .nx-nf debe ocupar todo el
   ancho y centrarse, anulando el posicionamiento de columna del masonry.
   Acotado con :has(.nx-nf) para no afectar a las series ni a otros posts. */
#posts .post:has(.nx-nf) {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  float: none !important;
}

/* color de marca de Tiktok al pasar el cursor (el tema no lo traía) */
.link-tiktok:hover { background-color: #fe2c55; }