/*====================================================
  TRIVANA PLUS - AVISO DE PRIVACIDAD
====================================================*/

:root{

    --azul:#21466B;
    --negro:#0E1116;
    --cobre:#C9754A;
    --arena:#E7E2D9;
    --gris:#BE949C;
    --gris2:#a7adb6;

}

/*========================
GENERAL
=========================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:var(--negro);
    color:var(--arena);
    font-family:'Poppins',sans-serif;
    line-height:1.8;

}

/*========================
HEADER
=========================*/

.header{

    background:rgba(14,17,22,.95);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(255,255,255,.06);

}

.logo{

    text-decoration:none;

}

.logo h1{

    color:var(--arena);
    font-size:34px;
    font-family:'Playfair Display',serif;
    font-weight:700;
    margin:0;

}

.btn-getstarted{

    background:var(--cobre);
    color:white;
    padding:12px 28px;
    border-radius:10px;
    text-decoration:none;
    transition:.3s;

}

.btn-getstarted:hover{

    background:#d8895b;
    color:white;
    transform:translateY(-3px);

}

/*========================
PAGE TITLE
=========================*/

.page-title{

    background:linear-gradient(180deg,#101720,#0E1116);
    padding:70px 0;
    border-bottom:1px solid rgba(255,255,255,.05);

}

.breadcrumbs ol{

    display:flex;
    list-style:none;
    gap:12px;
    padding:0;

}

.breadcrumbs li{

    color:var(--gris);

}

.breadcrumbs a{

    color:var(--cobre);
    text-decoration:none;

}

.breadcrumbs a:hover{

    color:white;

}

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

.blog-details{

    padding:80px 0;

}

.article{

    background:#151b23;

    border-radius:18px;

    padding:70px;

    border:1px solid rgba(255,255,255,.06);

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}

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

.article .title{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:var(--arena);

    margin-bottom:40px;

    text-align:center;

    position:relative;

}

.article .title::after{

    content:"";

    width:120px;

    height:3px;

    background:var(--cobre);

    display:block;

    margin:20px auto 0;

}

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

.article h5{

    margin-top:45px;

    margin-bottom:20px;

    color:var(--cobre);

    font-size:24px;

    font-weight:600;

    letter-spacing:1px;

}

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

.article p{

    color:var(--gris2);

    font-size:18px;

    text-align:justify;

}

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

.article ul{

    color:var(--gris2);

    padding-left:25px;

}

.article li{

    margin-bottom:10px;

}

/*========================
FOOTER
=========================*/

.footer-dinato{

    background:#080b10;

    padding:80px 0 30px;

    border-top:1px solid rgba(255,255,255,.05);

}

.footer-dinato h5{

    color:var(--arena);

    margin-bottom:25px;

    font-family:'Playfair Display',serif;

}

.footer-dinato p{

    color:var(--gris);

}

.footer-info{

    list-style:none;

    padding:0;

}

.footer-info li{

    margin-bottom:15px;

    color:var(--gris);

}

.footer-info i{

    color:var(--cobre);

    margin-right:10px;

}

.footer-links{

    list-style:none;

    display:flex;

    justify-content:center;

    gap:18px;

    padding:0;

}

.footer-links a{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:#151b23;

    color:var(--arena);

    transition:.3s;

    font-size:20px;

    text-decoration:none;

}

.footer-links a:hover{

    background:var(--cobre);

    transform:translateY(-6px);

}

.footer-bottom{

    text-align:center;

    margin-top:40px;

}

.footer-bottom p{

    color:var(--gris);

    margin-bottom:8px;

}

.footer-bottom a{

    color:var(--cobre);

    text-decoration:none;

}

.footer-bottom a:hover{

    color:white;

}

/*========================
SCROLLBAR
=========================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#0E1116;

}

::-webkit-scrollbar-thumb{

    background:var(--cobre);

    border-radius:20px;

}

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

@media(max-width:991px){

.article{

padding:35px;

}

.article .title{

font-size:40px;

}

}

@media(max-width:768px){

.logo h1{

font-size:24px;

}

.article{

padding:25px;

}

.article .title{

font-size:32px;

}

.article h5{

font-size:20px;

}

.article p{

font-size:16px;

}

.btn-getstarted{

padding:10px 20px;

}

.footer-links{

flex-wrap:wrap;

}

}