/* static/app/privacidad.css */
/* static/privacidad.css */


/* =========================================
   BASE
========================================= */

body.privacidad{

    margin:0;

    padding:32px 20px;

    background:#f7f5ef;

    font-family:"Raleway", sans-serif;

    color:#375e65;

    box-sizing:border-box;
}


/* =========================================
   CONTENEDOR
========================================= */

.contenedor-politica{

    width:min(
        860px,
        100%
    );

    margin:0 auto;

    padding:32px;

    background:#ffffff;

    border:1px solid #e2ddd2;

    border-radius:18px;

    box-shadow:
    0 4px 18px rgba(0,0,0,0.04);

    box-sizing:border-box;
}


/* =========================================
   TITULO PRINCIPAL
========================================= */

body.privacidad h1{

    margin:
    0
    0
    22px
    0;

    font-size:28px;

    font-weight:700;

    letter-spacing:0.3px;

    line-height:1.2;

    color:#375e65;
}


/* =========================================
   SUBTITULOS
========================================= */

body.privacidad h2{

    margin:
    34px
    0
    12px
    0;

    font-size:17px;

    font-weight:700;

    line-height:1.3;

    color:#49486a;
}

body.privacidad h3,
body.privacidad h4{

    margin:
    26px
    0
    10px
    0;

    font-size:15px;

    font-weight:600;

    color:#49486a;
}


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

body.privacidad p,
body.privacidad li{

    font-size:14px;

    line-height:1.75;

    color:#4c5c5d;
}


/* =========================================
   PARRAFOS
========================================= */

body.privacidad p{

    margin:
    0
    0
    14px
    0;
}


/* =========================================
   LISTAS
========================================= */

body.privacidad ul{

    margin:
    12px
    0
    18px
    22px;

    padding:0;
}

body.privacidad li{

    margin-bottom:10px;
}


/* =========================================
   LINKS
========================================= */

body.privacidad a{

    color:#92180b;

    text-decoration:none;

    font-weight:600;

    transition:opacity .15s ease;
}

body.privacidad a:hover{

    opacity:0.8;

    text-decoration:underline;
}


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

body.privacidad strong{

    font-weight:700;

    color:#375e65;
}


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

@media (max-width:768px){

    body.privacidad{

        padding:18px 14px;
    }

    .contenedor-politica{

        padding:22px 18px;

        border-radius:14px;
    }

    body.privacidad h1{

        font-size:22px;

        margin-bottom:18px;
    }

    body.privacidad h2{

        font-size:15px;

        margin-top:28px;
    }

    body.privacidad p,
    body.privacidad li{

        font-size:12.5px;

        line-height:1.7;
    }

}