/* ==================================================
   FELIPESOTOCHACE.COM
   MANTENCIÓN DEL SITIO
   ================================================== */


/* --------------------------------------------------
   1. OCULTAR "RELACIONADO" EN TODAS LAS ENTRADAS
   -------------------------------------------------- */

.single-post #jp-relatedposts,
.single-post .jp-relatedposts,
.single-post .wp-block-jetpack-related-posts {
    display: none !important;
}


/* --------------------------------------------------
   2. VIDEOS HORIZONTALES DE YOUTUBE
   -------------------------------------------------- */

.video-horizontal {
    width: 100%;
    max-width: 800px;
    margin: 30px auto !important;
}

.video-horizontal .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.video-horizontal .wp-block-embed__wrapper::before {
    display: none !important;
}

.video-horizontal iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
}


/* --------------------------------------------------
   3. YOUTUBE SHORTS VERTICALES
   -------------------------------------------------- */

.short-vertical {
    width: 100%;
    max-width: 380px;
    margin: 30px auto !important;
}

.short-vertical .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
}

.short-vertical .wp-block-embed__wrapper::before {
    display: none !important;
}

.short-vertical iframe {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0;
}


/* --------------------------------------------------
   4. REELS DE INSTAGRAM
   -------------------------------------------------- */

.instagram-vertical {
    width: 100%;
    max-width: 420px;
    margin: 30px auto !important;
}

.instagram-vertical .wp-block-embed__wrapper {
    width: 100%;
    margin: 0 auto;
}

.instagram-vertical iframe,
.instagram-vertical blockquote {
    width: 100% !important;
    max-width: 420px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* --------------------------------------------------
   5. SPOTIFY
   -------------------------------------------------- */

.wp-block-embed-spotify {
    width: 100%;
    max-width: 700px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* --------------------------------------------------
   6. IMÁGENES CENTRADAS Y RESPONSIVE
   -------------------------------------------------- */

.wp-block-image.aligncenter {
    text-align: center;
}

.wp-block-image.aligncenter img {
    max-width: 100%;
    height: auto;
}


/* --------------------------------------------------
   7. OCULTAR CRÉDITO O LOGO DE WORDPRESS
   -------------------------------------------------- */

.site-info,
.site-footer .site-info,
.powered-by-wordpress,
.wp-credit,
.footer-credit,
.footer-credits {
    display: none !important;
}


/* --------------------------------------------------
   8. OCULTAR ENLACES O ICONOS DE WORDPRESS
   -------------------------------------------------- */

.site-footer a[href*="wordpress.org"],
.site-footer a[href*="wordpress.com"],
.site-footer img[alt*="WordPress"],
.site-footer svg[aria-label*="WordPress"] {
    display: none !important;
}


/* --------------------------------------------------
   9. IMÁGENES GRANDES DENTRO DE PUBLICACIONES
   -------------------------------------------------- */

.single-post .wp-block-image.size-full {
    width: 100%;
    max-width: 800px;
    margin: 30px auto !important;
}

.single-post .wp-block-image.size-full img {
    display: block;
    width: 100% !important;
    max-width: 800px !important;
    height: auto !important;
    margin: 0 auto;
}