/* =========================================
   EL DATO - CITA DESTACADA
   ========================================= */

.wp-block-quote.is-style-eldato-cita {
    position: relative;

    width: auto !important;
    max-width: none !important;

    margin: 34px 0 !important;

    padding: 26px 32px;

    background: #f3f3f3 !important;

    /* Ya no usamos border-left */
    border: none !important;

    /* Redondeado similar a la referencia */
    border-radius: 0 18px 18px 0 !important;

    box-sizing: border-box;

    /* Separación para que entre la barra */
    margin-left: 14px !important;
}


/* =========================================
   BARRA DE COLOR SEPARADA
   ========================================= */

.wp-block-quote.is-style-eldato-cita::before {
    content: "" !important;

    display: block !important;

    position: absolute;

    left: -14px;
    top: 0;

    width: 8px;
    height: 100%;

    background: var(--eldato-cita-color, #777777);

    border-radius: 0;

    transform: none !important;
}


/* ELIMINAR OTROS PSEUDOELEMENTOS DEL THEME */

.wp-block-quote.is-style-eldato-cita::after {
    display: none !important;
    content: none !important;
}


/* =========================================
   TEXTO
   ========================================= */

.wp-block-quote.is-style-eldato-cita p {
    margin: 0 !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 26px !important;
    line-height: 1.45 !important;

    font-weight: 700 !important;
    font-style: normal !important;

    /* MUY IMPORTANTE */
    text-transform: none !important;

    text-align: left !important;

    letter-spacing: normal !important;

    font-family: inherit !important;
}


/* =========================================
   AUTOR / FUENTE
   ========================================= */

.wp-block-quote.is-style-eldato-cita cite {
    display: block;

    margin-top: 14px;

    color: #777777 !important;

    font-size: 14px !important;
    line-height: 1.4;

    font-weight: 500;
    font-style: normal !important;

    text-transform: none !important;
    text-align: left !important;
}


/* =========================================
   RESALTADO AMARILLO
   ========================================= */

.wp-block-quote.is-style-eldato-cita mark {
    background: #ffd95a !important;

    color: #111111 !important;

    padding: 1px 4px;

    border-radius: 0;
}


/* =========================================
   NEWSPAPER / TAGDIV
   EVITAR QUE EL THEME MODIFIQUE LA CITA
   ========================================= */

.entry-content .wp-block-quote.is-style-eldato-cita,
.td-post-content .wp-block-quote.is-style-eldato-cita,
.tdb-block-inner .wp-block-quote.is-style-eldato-cita {

    width: auto !important;
    max-width: none !important;

    margin-top: 34px !important;
    margin-right: 0 !important;
    margin-bottom: 34px !important;
    margin-left: 14px !important;

    padding: 26px 32px !important;

    background: #f3f3f3 !important;

    border: none !important;

    border-radius: 0 18px 18px 0 !important;

    float: none !important;

    text-align: left !important;
}


/* TEXTO - SOBRESCRIBIR NEWSPAPER */

.entry-content .wp-block-quote.is-style-eldato-cita p,
.td-post-content .wp-block-quote.is-style-eldato-cita p,
.tdb-block-inner .wp-block-quote.is-style-eldato-cita p {

    color: #222222 !important;

    font-size: 26px !important;

    line-height: 1.45 !important;

    font-weight: 700 !important;

    font-style: normal !important;

    text-transform: none !important;

    text-align: left !important;

    letter-spacing: normal !important;
}


/* =========================================
   EDITOR GUTENBERG
   ========================================= */

.editor-styles-wrapper
.wp-block-quote.is-style-eldato-cita {

    position: relative;

    width: auto !important;
    max-width: 100% !important;

    margin: 34px 0 34px 14px !important;

    padding: 26px 32px !important;

    background: #f3f3f3 !important;

    border: none !important;

    border-radius: 0 18px 18px 0 !important;

    box-sizing: border-box;
}


.editor-styles-wrapper
.wp-block-quote.is-style-eldato-cita p {

    color: #222222 !important;

    font-size: 26px !important;

    line-height: 1.45 !important;

    font-weight: 700 !important;

    font-style: normal !important;

    text-transform: none !important;

    text-align: left !important;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 767px) {

    .wp-block-quote.is-style-eldato-cita,
    .entry-content .wp-block-quote.is-style-eldato-cita,
    .td-post-content .wp-block-quote.is-style-eldato-cita,
    .tdb-block-inner .wp-block-quote.is-style-eldato-cita {

        margin-top: 26px !important;
        margin-bottom: 26px !important;
        margin-left: 12px !important;

        padding: 22px 22px !important;

        border-radius: 0 15px 15px 0 !important;
    }


    .wp-block-quote.is-style-eldato-cita::before {

        left: -12px;

        width: 6px;
    }


    .wp-block-quote.is-style-eldato-cita p,
    .entry-content .wp-block-quote.is-style-eldato-cita p,
    .td-post-content .wp-block-quote.is-style-eldato-cita p {

        font-size: 21px !important;

        line-height: 1.4 !important;
    }
}