/* ==========================================================================
   CUSTOM CSS PARA GOWEBIX BLOCKQUOTE - STYLE 2
   ========================================================================== */

/**
 * ARCHIVO: shortcodes.css
 * PROYECTO: Gowebix Addons Plugin
 * FECHA: [Fecha de implementación]
 * DESCRIPCIÓN: Estilos personalizados para los shortcodes de Gowebix
 * 
 * SECCIÓN: Blockquote Style 2 - Alineación con Gowebix Heading
 * OBJETIVO: Uniformar la apariencia del Blockquote Style 2 con los headings del tema
 * NOTAS: Implementado para mantener consistencia visual en el diseño
 */

/* --------------------------------------------------------------------------
   Alineación de títulos en Blockquote Style 2 con Gowebix Heading
   -------------------------------------------------------------------------- */
.gowebix-blockquote.blockquote-style-2 h1,
.gowebix-blockquote.blockquote-style-2 h2,
.gowebix-blockquote.blockquote-style-2 h3,
.gowebix-blockquote.blockquote-style-2 h4,
.gowebix-blockquote.blockquote-style-2 h5,
.gowebix-blockquote.blockquote-style-2 h6 {
    font-family: inherit;                    /* Hereda la fuente del elemento padre para consistencia */
    font-size: 28px !important;              /* Tamaño fijo para igualar el heading principal */
    line-height: 1.2 !important;             /* Interlineado compacto como en los headings */
    font-weight: 700 !important;             /* Peso de fuente bold para destacar como heading */
    color: #000 !important;                  /* Color negro sólido para máximo contraste */
    margin-bottom: 10px !important;          /* Espaciado inferior reducido para alineación precisa */
}

/* --------------------------------------------------------------------------
   Ajuste de márgenes para contenedores en Blockquote Style 2
   -------------------------------------------------------------------------- */
.gowebix-blockquote.blockquote-style-2 .margin-20px-bottom {
    margin-bottom: 10px !important;          /* Reduce el margen inferior de 20px a 10px para 
                                               mejor alineación vertical con otros elementos */
}

/* ==========================================================================
   FIN DE CUSTOM CSS PARA BLOCKQUOTE STYLE 2
   ========================================================================== */
   

/* ==========================================================================
   GOWEBIX SINGLE IMAGE CLEAN — 2025
   Minimal, responsive, stable, WPBakery-compatible
   ========================================================================== */

.gowebix-single-image-clean {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0; /* removes extra white space */
    /*position: relative;*/
}

/* IMG BASE */
.gowebix-single-image-clean img.gwx-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-radius: inherit;
}

/* ALIGNMENT */
.gowebix-single-image-clean.align-left   { text-align: left; }
.gowebix-single-image-clean.align-center { text-align: center; }
.gowebix-single-image-clean.align-right  { text-align: right; }

/* LINK STYLE (NO decoration) */
.gowebix-single-image-clean .gwx-img-link {
    display: inline-block;
    line-height: 0;
}

/* OPTIONAL BOTTOM ATTACH (stick to next row) */
.gowebix-single-image-clean.bottom-attach {
    /*margin-bottom: -1px; */ /* visually seamless block fusion */
    padding-bottom: 0;
}

/* MAX-WIDTH handling is done inline, no extra CSS needed */

/* ==========================================================================
   FIN DE GOWEBIX SINGLE IMAGE STYLES  
   ========================================================================== */


/* ==========================================================================
   SEPARATOR — Más corto y centrado
   ========================================================================== */

.vc_separator .vc_sep_line,
.vc_separator .pofo-separator-line {
    width: 80% !important;
    margin: 0 auto !important;
    background-color: #00C2E5 !important;
    opacity: 0.4 !important;
    height: 2px !important;
}

/* ==========================================================================
   FIN DE SEPARATOR
   ========================================================================== */