:root{

--azul:#191e41;
--celeste:#5392a1;
--gris:#f5f5f5;
--texto:#222;
--blanco:#fff;
--borde:#d8d8d8;

}

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

html{
scroll-behavior:smooth;
}

body{
background:var(--gris);
color:var(--texto);
font-family:Arial,Helvetica,sans-serif;
font-size:18px;
line-height:1.7;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

img{
display:block;
width:100%;
height:auto;
border:0;
}

a{
color:inherit;
text-decoration:none;
}

ul{
list-style:none;
}

.contenedor{
width:min(1200px,94%);
margin:auto;
}

header{

position:sticky;

top:0;

z-index:999;

background:#fff;

border-bottom:1px solid #ddd;

}

header .contenedor{

display:flex;

align-items:center;

justify-content:space-between;

min-height:72px;

}

.logo{

display:flex;

align-items:center;

}

h1{
font-size:2rem;
/* font-weight:700 */
/* line-height:1.1 */
}
.titulo, h1 {
	background-color: none; /*  */
	/* margin: 0em 0em 0em 5em; */
    font-family: 'TerDel-Font-Bold', Arial, Helvetica;
    font-size: 2rem;   
    text-align: right;
	margin: 0;     
    display: inline-block;
    word-wrap: break-word;	
}
.terminal{
color:var(--azul);
}
.dellepiane{
color:var(--celeste);
}

#menu{

display:none;

}

.hamburguesa{

display:flex;

flex-direction:column;

justify-content:space-between;

width:34px;

height:26px;

cursor:pointer;

}

.hamburguesa span{

display:block;

height:4px;

border-radius:3px;

background:var(--azul);

transition:.25s;

}

nav{

position:absolute;

left:0;

top:72px;

width:100%;

background:#fff;

display:none;

border-bottom:1px solid #ddd;

}

nav ul{

display:flex;

flex-direction:column;

}

nav li{

border-top:1px solid #ececec;

}

nav a{

display:block;

padding:18px;

font-weight:600;

}

nav a:hover{

background:var(--gris);

}

#menu:checked~nav{

display:block;

}

main{
padding:0px 0 0px; /*! padding:24px 0 50px; */
}

section{

margin:0;

}
.aviso{
text-align: center;
}

h2{

color:var(--azul);

font-size:1.9rem;

margin-bottom:18px;

line-height:1.2;

}

p{

margin-bottom:20px;

}

figure{
margin:24px 0;
}

figcaption{

font-size:.92rem;

color:#666;

margin-top:8px;

}

.separador::before{
content:"";
display:block;
width:100%;
height:2px;
background:#cccccc;
margin-top:26px;
}

.separador::after{
content:"";
display:block;
width:100%;
height:2px;
background:#ffffff;
margin-bottom:26px;
}

.separador-new::before{
content:"";
display:block;
width:100%;
height:2px;
background:#cccccc;
margin-top:4px;
}

.separador-new::after{
content:"";
display:block;
width:100%;
height:2px;
background:#ffffff;
margin-bottom:4px;
}

details{

background:#fff;

border:1px solid #ddd;

margin-bottom:12px;

border-radius:4px;

overflow:hidden;

}

summary{

padding:16px;

cursor:pointer;

font-weight:700;

color:var(--azul);

}

details p{

padding:0 16px 16px;

margin:0;

}
.otras-terminales{
text-align: center;
}

footer{
background:var(--azul);
color:#fff;
padding:4px 0; /*! padding:40px 0; */
}

footer p{

margin-bottom:14px;
text-align: center;

}

@media(min-width:900px){

.hamburguesa{

display:none;

}

nav{

position:static;

display:block;

border:0;

width:auto;

}

nav ul{

flex-direction:row;

gap:30px;

}

nav li{

border:0;

}

nav a{

padding:0;

}

main{
padding-top:40px;
}

h2{

font-size:2.4rem;

}

}
/* ==========================
   MEJORAS VISUALES
========================== */

section{
padding:1px 0; /* padding:8px 0; */
}

section:first-child{

padding-top:0;

}

figure{
	overflow:hidden;
	border-radius:8px;
	box-shadow:0 8px 30px rgba(0,0,0,.08);
	background:#fff;
}

figure img{
transition:transform .35s ease;
}

figure:hover img{
transform:scale(1.02);
}

figcaption{

text-align:center;

font-style:italic;

}

p strong{

color:var(--azul);

font-weight:700;

}

::selection{

background:var(--celeste);

color:#fff;

}

h2{

position:relative;

padding-bottom:12px;

}

h2::after{

content:"";

display:block;

width:70px;

height:4px;

margin-top:10px;

background:var(--celeste);

border-radius:4px;

}

details{

transition:.25s;

}

details:hover{

border-color:var(--celeste);

}

summary::-webkit-details-marker{

display:none;

}

summary::after{

content:"+";

float:right;

font-size:1.3rem;

font-weight:700;

color:var(--celeste);

}

details[open] summary::after{

content:"–";

}

footer{
margin-top:0px; /*! margin-top:40px; */
padding-top: 20px;
}

footer strong{

color:#fff;

}

@media(min-width:900px){

section{

padding:20px 0;

}

#inicio figure{

margin-bottom:40px;

}

#inicio p{

font-size:1.15rem;

}

article{

display:block;

}

figure{
margin:34px auto;
max-width:1000px;
}

}