/* ============================= */
/* VARIABLES DE MARCA */
/* ============================= */

:root{

--verde-varbacoa:#0f4b38;
--verde-claro:#1e6a50;

--texto:#111;

}


/* ============================= */
/* BODY */
/* ============================= */

body{

margin:0;
font-family:"Georgia", serif;

color:var(--texto);

/* fondo marmol */

background-image:url("../img/marmol.jpg");
background-size:cover;
background-position:center;
background-attachment:fixed;

}


/* ============================= */
/* SECCION */
/* ============================= */

.legal,
.politica-container{

padding:120px 20px;

}


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

.legal-container,
.politica-content{

max-width:900px;

margin:auto;

background:rgba(255,255,255,0.75);

padding:60px;

border-radius:8px;

backdrop-filter:blur(2px);

}


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

.legal-title,
.politica-header h1{

font-size:42px;

margin-bottom:40px;

color:var(--verde-varbacoa);

letter-spacing:1px;

text-transform:capitalize;

}


/* ============================= */
/* MARCA RESTAURANTE */
/* ============================= */

.politica-brand{

color:var(--verde-claro);

font-size:16px;

margin-top:-20px;

margin-bottom:40px;

}


/* ============================= */
/* INTRO */
/* ============================= */

.intro,
.politica-intro{

font-size:18px;

line-height:1.8;

margin-bottom:50px;

}


/* ============================= */
/* BLOQUES */
/* ============================= */

.legal-block{

margin-bottom:40px;

}


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

.legal-block h2,
.politica-content h2{

color:var(--verde-claro);

margin-top:30px;

margin-bottom:12px;

font-size:24px;

text-transform:capitalize;

}


/* ============================= */
/* TEXTOS */
/* ============================= */

.legal-block p,
.politica-content p{

line-height:1.8;

font-size:16px;

margin-bottom:10px;

}


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

.politica-content ul{

margin:15px 0 20px 20px;

}

.politica-content li{

margin-bottom:8px;

}


/* ============================= */
/* AVISO DE IMAGENES */
/* ============================= */

.politica-aviso{

background:#f2f2f2;

border-left:4px solid var(--verde-claro);

padding:15px;

margin:20px 0;

}


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

.update{

margin-top:60px;

font-size:14px;

opacity:0.7;

}

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

.politica-header{

text-align:center;

}