/* === Colores base === */

.bg-primario       { background-color: #FF6633 !important; }
.bg-oscuro         { background-color: #424242 !important; }
.bg-medio          { background-color: #AAA487 !important; }
.bg-claro-a        { background-color: #FFFDEE !important; }
.bg-claro-b        { background-color: #F2F2F1 !important; }
.bg-alternativo    { background-color: #E5D50E !important; }

/* Texto principal */
.texto-primario         { color: #FF6633 !important; }
/* .texto-primario:hover   { color: #424242 !important; } /* Contraste fuerte con el primario cálido */ 

/* Texto oscuro */
.texto-oscuro           { color: #424242 !important; }
/* .texto-oscuro:hover     { color: #FF6633 !important; } /* Acentea con el primario */ 

/* Texto medio */
.texto-medio            { color: #AAA487 !important; }
/* .texto-medio:hover      { color: #FF6633 !important; } */ /* Acento cálido sobre neutro medio */

/* Texto claro a */
.texto-claro-a          { color: #FFFDEE !important; }
/* .texto-claro-a:hover    { color: #FF6633 !important; } /* Muy buen contraste con primario */ 

/* Texto claro b */
.texto-claro-b          { color: #F2F2F1 !important; }
/* .texto-claro-b:hover    { color: #FF6633 !important; } /* Similar lógica que el anterior */ 

/* Texto alternativo */
.texto-alternativo      { color: #E5D50E !important; }
/* .texto-alternativo:hover{ color: #424242 !important; } /* Contraste con oscuro para diferenciar */ 

.hover-texto-primario:hover { color: #FF6633 !important; }

.borde-primario    { border-color: #FF6633 !important; }
.borde-oscuro      { border-color: #424242 !important; }
.borde-medio       { border-color: #AAA487 !important; }
.borde-claro-a     { border-color: #FFFDEE !important; }
.borde-claro-b     { border-color: #F2F2F1 !important; }
.borde-alternativo { border-color: #E5D50E !important; }


.borde-fino {
  border-style: solid !important;
  border-width: thin !important;
}


/* Fuentes */

html,body{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:14px;
	line-height:1.4;
}

html{overflow-x:hidden}

p{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	line-height: 1.4;
}

h1{
	font-family:'Instrument Serif', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:36px; 
}

h2{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:30px;
}

h3{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:24px; line-height: 1.0; 
}

h4{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:16px;
	line-height: 1.4;
}

h5{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:12px;
}

h6{
	font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
	font-size:10px;
}

.w3-myfont {
  font-family:'Instrument Sans', "Helvetica Neue", Helvetica, Verdana,sans-serif;
}

.letraElegante{
    font-family:'Instrument Sans', "HelveticaNeue-UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight:lighter;
}


form {
  width: 100%;
  margin: 0 auto;
}


form input {
   margin-bottom: 10px; 
}


form textarea {
   margin-bottom: 10px; 
}


/* Elementos */


.mySlides {display:none;}

.correoDA{
	width: 140px;
	height: 20px;
	background-size: 140px 20px;
	background-image: url(../images/tema/boton_correo_da_blanco.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}



.noEstirable{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
}





.fondo-lindar {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
/*     background-image: url('/imagenes/circulos.svg'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.contenedor-lindar {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.imagen-lindar {
    max-width: 100%;
    height: auto;
}

.frase-lindar {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 24px;
    font-family: 'Instrument Serif', 'Roboto', sans-serif;
	font-weight: 300; 
}

.frase-lindar-b {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 24px;
    font-family: "Instrument Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300; 
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.boton-lindar-navegador:hover {
  background-color: transparent !important;
/*   font-weight: 500;  */
}