/* =========================================
   TREZE · LEGAL COMPONENT
========================================= */

.c-legal{
  padding: clamp(80px, 10vh, 120px) 0;
}


/* CONTAINER */

.c-legal__container{
  width: min(960px, calc(100% - 48px));
  margin: 0 auto;
}


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

.c-legal__title{
  margin: 0 0 32px;

  font-family: "Lexend Deca";
  font-size: clamp(34px, 5vw, 56px);
  font-weight: 600;

  color: #0A052D;
  line-height: 1.1;
}


/* =========================================
   CONTENT
========================================= */

.c-legal__content{
  display: flex;
  flex-direction: column;
  max-width: 720px; /* clave para legibilidad */
}


/* spacing limpio tipo blog */

.c-legal__content > * + *{
  margin-top: 20px;
}


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

.c-legal__content p{
  margin: 0;

  font-family: "Lexend Deca";
  font-size: 18px;
  line-height: 1.7;

  color: #291F46;
}

.c-legal__content strong{
  color: #0A052D;
}


/* =========================================
   H2 (secciones legales)
========================================= */

.c-legal__content h2{
  margin-top: 48px;

  font-family: "Lexend Deca";
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 600;

  color: #C98028;
  line-height: 1.2;
}

.c-legal__content h3{
  margin-top: 24px;

  font-family: "Lexend Deca";
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 600;

  color: #0A052D;
  line-height: 1.2;
}


/* evita hueco raro al inicio */

.c-legal__content h2:first-of-type{
  margin-top: 20px;
}


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

.c-legal__content ul{
  margin: 0;
  padding-left: 20px;
}

.c-legal__content li{
  margin-bottom: 10px;

  font-family: "Lexend Deca";
  font-size: 17px;
  line-height: 1.6;

  color: #291F46;
}


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

.c-legal__content a{

  color:#C98028;

  text-decoration:underline;

  text-decoration-thickness:1px;

  text-underline-offset:3px;

  text-decoration-color:rgba(201,128,40,.45);

  transition:

  color .2s ease,

  text-decoration-color .2s ease,

  opacity .2s ease;

}

.c-legal__content a:hover,

.c-legal__content a:focus-visible{

  color:#DFB37E;

  text-decoration-color:#DFB37E;

}


/* =========================================
   COOKIE DECLARATION
========================================= */

#CookieDeclaration{
  margin-top: 60px;
  padding-top: 32px;

  border-top: 1px solid rgba(10,5,45,.1);
}


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

@media (max-width: 768px){

  .c-legal__container{
	width: calc(100% - 32px);
  }

  .c-legal__title{
	font-size: 32px;
  }

  .c-legal__content{
	max-width: 100%;
  }

  .c-legal__content p{
	font-size: 16px;
  }

  .c-legal__content h2{
	font-size: 22px;
  }

}