/*======================================================*/
/* La Escritura                                       */
/* Archivo.....: share.css                              */
/* Descripción.: Sistema común de compartir.            */
/*======================================================*/


/*======================================================*/
/* BOTÓN COMPARTIR                                      */
/* Mismo formato visual que los botones del proyecto.   */
/*======================================================*/

.study-share-open
{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    padding:12px 34px;

    border-radius:40px;

    border:1px solid #6b5326;

    background-image:
        linear-gradient(
            #6B0F1A,
            #C27C6D
        );

    color:#ffffff;

    font-family:'TTFirsNeue',sans-serif;

    font-size:1rem;

    line-height:1.2;

    text-decoration:none;

    box-sizing:border-box;

    cursor:pointer;

    transition:
        background .25s ease,
        transform .20s ease,
        box-shadow .25s ease;
}


/*======================================================*/
/* HOVER DEL BOTÓN                                     */
/*======================================================*/

.study-share-open:hover
{
    background-image:
        linear-gradient(
            #cda35b,
            #cda35b
        );
        color:#000000;

    box-shadow:
        0 6px 16px
        rgba(184,138,42,.18);

    transform:translateY(-2px);
}


/*======================================================*/
/* ICONO COMPARTIR                                      */
/*======================================================*/

.share-button-icon
{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    flex:none;
}


.share-button-icon svg
{
    display:block;

    width:18px;
    height:18px;

    fill:none;

    stroke:currentColor;

    stroke-width:2;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/*======================================================*/
/* TEXTO DEL BOTÓN                                     */
/*======================================================*/

.share-button-text
{
    display:inline-block;
}


/*======================================================*/
/* VERSÍCULO DEL DÍA                                   */
/*======================================================*/

.daily-verse-share
{
    margin-top:14px;
}


/*======================================================*/
/* CONTENIDO DE LA VENTANA DE COMPARTIR                */
/*======================================================*/

.share-content
{
    width:100%;

    box-sizing:border-box;
}


/*======================================================*/
/* INTRODUCCIÓN                                         */
/*======================================================*/

.share-intro
{
    margin-bottom:18px;

    text-align:center;

    font-size:1rem;
}


/*======================================================*/
/* OPCIONES                                             */
/*======================================================*/

.share-options
{
    display:flex;

    flex-direction:column;

    gap:8px;
}


/*======================================================*/
/* OPCIONES DE REDES                                   */
/*======================================================*/

.share-social
{
    display:grid;
    grid-template-columns:100px minmax(0,1fr);
    align-items:center;
    width:100%;
    min-height:48px;
    padding:8px 12px;
    box-sizing:border-box;
    border:4px solid #80ffff;
    border-radius:8px;
    background:transparent;
    text-decoration:none;
    cursor:pointer;
    font:inherit;
}

/*======================================================*/
/* CAJA DE REDES - FORMATO PROPIO                      */
/*======================================================*/

.share-redes-box
{
    display:block;
    width:100%;
    margin:8px 0;
    padding:10px 6px;

    box-sizing:border-box;

    border-left:4px solid #c8a13a;
    border-radius:8px;

    background:#faf8f2;

    color:#5d4722;

    text-decoration:none;

    font-size:18px;

    transition:.20s;
}

.share-redes-box:hover
{
    background:#efe3b8;
    color:#000;
    transform:translateX(4px);
}
/*======================================================*/
/* ICONOS DE REDES                                     */
/*======================================================*/

.share-social-icon
{
    grid-column:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:34px;
    margin:0;
}


/*======================================================*/
/* TEXTO DE LAS REDES                                  */
/*======================================================*/

.share-social-text
{
    grid-column:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    text-align:center;
}

/*======================================================*/
/* COMPARTIR - PORTADA                                  */
/*======================================================*/

.home-share
{
    margin-top:14px;

    text-align:center;
}

/*======================================================*/
/* Compartir - Información y bosquejo                  */
/*======================================================*/

.book-info-share
{
    margin-top:30px;

    text-align:center;
}

/*======================================================*/
/* Compartir - Subtítulo del Día                        */
/*======================================================*/

.subtitle-share
{
    margin-top:20px;

    text-align:center;
}

/*======================================================*/
/* Compartir - Capítulo                                 */
/*======================================================*/

.chapter-share
{
    margin-top:24px;

    margin-bottom:24px;

    text-align:center;
}

/*======================================================*/
/* Compartir - Diccionario                              */
/*======================================================*/

.dictionary-share
{
    margin-top:24px;

    margin-bottom:24px;

    text-align:center;
}

/*======================================================*/
/* Compartir - Música para Orar                         */
/*======================================================*/

.prayer-music-share
{
    margin-top:24px;

    margin-bottom:24px;

    text-align:center;
}