/* =====================================
   FONT FACE
   ===================================== */

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ======================================
   GENERAL
   ====================================== */
body, html {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
    font-family: "Fira Sans Condensed", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
	font-size: 16px;
	line-height: 1.4;
	color:#595959;
	height: 100%;
	scroll-behavior: smooth;
	}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
    }
a {	
    color:#595959;
    text-decoration: none;
    }
a:hover {	
    color:#5e5045;
    }

strong { font-weight: 500; }
p { padding:0; margin: 0}
* {
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.img-full {
	width:100%;
    height: auto;
    }

/* Estilos para formulario con reCAPTCHA y botones alineados verticalmente */
.g-recaptcha {
  display: block;
  margin-bottom: 15px;
}
.resetear,
.enviar {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

/* Ajustar posición del badge de reCAPTCHA v3 para no superponerse con WhatsApp */
.grecaptcha-badge {
  bottom: 90px !important;
  z-index: 9998 !important;
}/* ======================================
   SECCIONES
   ====================================== */
.main {
	width:1200px;
	padding:0;
	margin:0 auto;
	clear:both;
	}
h1 {
	font-size: 45px;
    font-weight: 700;
	line-height:1.2;
	margin: 0px 0px 15px 0px;
	padding-bottom:0px;
    color: #0039a6;
    display: inline-block;
    border-bottom: 2px solid #0039a6;
	}
h2 {
	font-size: 22px;
    font-weight: 500;
	line-height:1.2;
	margin: 0px;
	padding:0px;
	}
.bot-color {
    color: #ffffff;
    font-weight: 500;
    display: inline-block;
    border-radius: 10px;
    padding: 5px 30px;
    background: #00ADEE;
    background: linear-gradient(90deg,rgba(0, 173, 238, 1) 0%, rgba(101, 188, 40, 1) 100%);
    }
.bot-color:hover {
    background: #0039a6;
    color: #ffffff;
    }

/* -- Encabezado ------- */
#top {
	width:100%;
	position:fixed;
	z-index:9900;
	overflow:hidden;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    min-height: 60px;
    background-color: #0039a6;
	}
#logo {
	float:left;
    width: 200px;
    padding: 5px 0px;
	}
#logo img {
    height: 50px;
    width: auto;
	}
#nav {
	float:right;
	text-align:left;
	}
#nav .menu {
	float:left;
	display:block;
	}
#nav .menu a {
	float:left;
	display: inline-block;
	padding: 17px 20px 0px 20px;
	color:#fff;
	font-size: 20px;
    font-weight: 500;
    font-style: italic;
    min-height: 60px;
	}
#nav .menu a:hover {
	color:#65bc28;
	}
#nav .contacto {
    background-color: #00adee;
	}
#nav .contacto:hover {
    color: #0039a6 !important;
	}
#nav .gv {
    background-color: #8a8078;
    color: #FFFFFF !important;
    padding-left: 100px !important;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100px 40px;
    background-image: url("img/icon-gv.svg");
	}
#menucito_back {
	float:right;
	padding:22px 0px 0px 10px;
	text-align:left;
	display: none;
	}


/* CONTENIDOS ============================ */

/* Slider Home*********************/
#slider {
	width:auto;
	padding-top:60px;
	margin:0px;
	}

.slides { cursor:default;position:relative;top:0px;left:0px;width:1920;height:440;overflow:hidden; }
#jssor_1 { position:relative;margin:0 auto;top:0px;left:0px;width:1920;height:440;overflow:hidden;visibility:hidden; }

.slides-2 { cursor:default;position:relative;top:0px;left:0px;width:960px;height:880px;overflow:hidden; }
#jssor_2 { position:relative;margin:0 auto;top:0px;left:0px;width:960px;height:880px;overflow:hidden;visibility:hidden; display: none;}

.jssorl-009-spin { position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7); }
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	}

@keyframes jssorl-009-spin {
from {
	transform: rotate(0deg);
	}
to {
	transform: rotate(360deg);
	}
}

.jssorb032 {position:absolute;bottom:20px;right:12px;}
.jssorb032 .i {position:absolute; cursor:pointer; width:15px; height:15px;}
.jssorb032 .i .b {fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:1;}
.jssorb032 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#fff;stroke-opacity:1;}
.jssorb032 .iav .b {fill:#0039a6;fill-opacity:1;stroke:#0039a6;stroke-opacity:1;}
.jssorb032 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer;width:65px;height:65px;top:0px;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


/* Nosotros ---------------*/
#nosotros {
	width:100%;
    overflow: hidden;
	padding: 60px 0px 80px 0px;
	}
#nosotros .content {
	width:55%;
    margin: 0 auto;
	}
#nosotros .content .destacado {
	color: #0039a6;
    font-weight: 500;
	}

/* Rúbricas ---------------*/
#rubricas {
	width:100%;
    overflow: hidden;
	padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100vh;
    /*height: auto;*/
	}
#rubricas .columna-foto,
#rubricas .columna-texto {
    width: 50%;
    }
#rubricas .columna-foto {
    background-image: url("img/dimension-rubricas.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    }
#rubricas .columna-texto {
    padding: 100px 40px 40px 10%;
    }


/* Copiados ---------------*/
#copiados {
    width:100%;
    overflow: hidden;
	padding: 0px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    height: 100vh;
    /*height: auto;*/
	}
#copiados .columna-foto,
#copiados .columna-texto {
    width: 50%;
    }
#copiados .columna-foto {
    background-image: url("img/dimension-copiados.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 150px 60px 40px 10%;
    }
#copiados .columna-texto {
    padding: 100px 100px 60px 60px;
    overflow: hidden;
    }
#copiados .destacado {
    color: #0039a6;
    }
#copiados .recuadros {
    float: left;
    width: 100%;
    }

#copiados .bloque {
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    border-radius: 15px;
    border: 3px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    color: #0039a6;
    }
#copiados .bloque .padd {
    padding: 20px;
    }
#copiados .bloque2 {
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    background: linear-gradient(90deg,rgba(0, 173, 238, 1) 0%, rgba(0, 173, 238, 0) 100%);
    } 

.btn-cuadro {
    float:left;
    margin: 0px 25px 25px 0px;
    background:
        linear-gradient(white, white) padding-box,
        linear-gradient(to right, #00ADEE, #65BC28) border-box;
    border-radius: 0.5em;
    border: 2px solid transparent;
    width: 105px;
    height: 105px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
.btn-cuadro .leyenda {
    font-size: 12px;
    }
.btn-cuadro img {
    width: 29px;
    height: 29px;
    margin-bottom: 10px;
    }

/* Libros ---------------*/
#libros {
	width:100%;
    overflow: hidden;
    height: 100vh;
	padding: 0px;
    display: flex;
    flex-direction: row;
	}
#libros .columna-foto,
#libros .columna-texto {
    width: 50%;
    }
#libros .columna-foto {
    background-image: url("img/dimension-libros.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 150px 10% 40px 60px;
    }
#libros .columna-texto {
    padding: 100px 60px 40px 10%;
    }

#libros .bloque {
    width: 100%;
    margin: 0 auto;
    padding: 25px;
    border-radius: 15px;
    border: 3px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
    color: #0039a6;
    }
	
/* CONTACTO ---------------*/
#contacto {
    width:100%;
    overflow: hidden;
    background-color: #0039a6;
    padding: 60px 0px;
    color: #ffffff;
    font-weight: 500;
	}
#contacto .main {
	padding: 50px 0px;
	}
#contacto .main h1 {
	color: #ffffff;
    border-bottom: 2px solid #ffffff;
	}
#contacto .columna {
    width:50%;
    float: left;
    text-align: left;
    }
#contacto .columna a {	
    color:#ffffff;
    text-decoration: none;
    }
#contacto .columna a:hover {	
    color:#65bc28;
    }

#contacto .columna .item {
    font-weight: 300;
    }
.item-tel,
.item-wapp,
.item-ig,
.item-fb {
    padding-left: 20px;
    background-image: url("img/icon-tel.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    line-height: 1.2;
    display: inline-block;
    }
.item-wapp {
    padding-right: 15px;
    background-image: url("img/icon-wapp.svg");
    }
.item-ig {
    padding-right: 15px;
    background-image: url("img/icon-ig.svg");
    }
.item-fb {
    background-image: url("img/icon-fb.svg");
    }

#contacto .formu {
    width:100%;
    padding: 25px;
    margin-top: 20px;
    overflow: auto;
    }
input, textarea, select, label {
	font-family: "Fira Sans Condensed", sans-serif;
	font-style:normal;
    font-weight: 500;
	color:#ffffff;
	font-size:16px;
	}
input,
textarea,
select {
	display:block;
	width:100%;
	float:left;
    outline: none;
	border: 0;
	box-sizing: border-box;
	padding:5px 0px;
	margin-bottom:15px;
    background-color: #0039a6;
	}
input:focus,
textarea:focus {
	border-bottom:2px solid #FFFFFF;
    background-color: #0039a6;
	}
::placeholder {
	color: #fff;
	opacity: 0.9;
	}
.enviar,
.resetear {
	width: 48%;
	padding:7px 0px;
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
	border:none;
	transition: all 0.3s linear;
	background-color:#65bc28;
    float: right;
    margin-bottom:0px;
	}
.resetear {
	background-color: #00adee;
    float: left;
	}
.enviar:hover,
.resetear:hover {
	background-color: #595959;
	color: #FFFFFF;
	cursor:pointer;
    border:none;
	}

#whatsapp {
	position: fixed;
	right:20px;
	bottom:20px;
    width: 55px;
    height: 55px;
	display:block;
	z-index:9999;
	}
#whatsapp img {
    width: 55px;
    height: 55px;
	}

/* ===============================================================
   ============================================================ */

@media only screen and (min-width : 1024px) and (max-width : 1199px) {
#nav .menu a {
    padding: 17px 12px 0px 12px;
    }
.main {
	width:95%;
	}
#nosotros .content {
	width:85%;
	}
#rubricas,
#copiados,
#libros {
    height: auto;
	}
#rubricas .columna-texto,
#copiados .columna-texto,
#libros .columna-texto {
   padding: 100px 40px 40px 40px;
    }
#copiados .columna-foto,
#libros .columna-foto {
    padding: 150px 40px 40px 40px;
    }


    
    
}


@media only screen and (min-width : 768px) and (max-width : 1023px) {
#nav { display:none; }
#menucito_back {
    display:block;
    }
.main {
	width:90%;
	}
#nosotros .content {
	width:85%;
	}
#rubricas,
#copiados,
#libros {
    height: auto;
	}
#rubricas .columna-texto,
#copiados .columna-texto,
#libros .columna-texto {
   padding: 100px 40px 40px 40px;
    }
#copiados .columna-foto,
#libros .columna-foto {
    padding: 150px 40px 40px 40px;
    }
.btn-cuadro {
    margin: 0px 10px 10px 0px;
    width: 100px;
    height: 100px;
    } 

    
}



@media only screen and (min-width : 481px) and (max-width : 767px) {
h1 { font-size: 30px; }
h2 { font-size: 18px; }
#nav { display:none; }
#menucito_back {
    display:block;
    }
.main {
	width:90%;
	}
#nosotros {
	padding: 40px 0px;
	}
#nosotros .content {
	width:90%;
	}
#rubricas,
#copiados,
#libros {
    flex-direction: column;
    height: auto;
    }
#rubricas .columna-foto,
#rubricas .columna-texto,
#copiados .columna-foto,
#copiados .columna-texto,
#libros .columna-foto,
#libros .columna-texto {
    width: 100%;
    height: auto;
    }
#rubricas .columna-foto,
#copiados .columna-foto,
#libros .columna-foto {
    min-height: 250px;
    }
    
#rubricas .columna-texto,
#copiados .columna-texto,
#libros .columna-texto,
#rubricas .columna-foto,
#copiados .columna-foto,
#libros .columna-foto {
    padding: 30px;
    }

#copiados .columna-texto {
    order: -1;
    }
#copiados .columna-foto {
    order: 0;
    }
#contacto .main {
	width: 85%;
	}
#contacto .columna {
    width:100%;
    }
#contacto .formu {
    padding: 0px;
    margin-top: 50px;
    }
    
    
    
}


@media only screen and (max-width : 480px) {
h1 { font-size: 30px; }
h2 { font-size: 18px; }
#nav { display:none; }
#menucito_back {
    display:block;
    }
.main {
	width:90%;
	}
#jssor_1 { display: none; }
#jssor_2 { display: block; }
#nosotros {
	padding: 80px 0px 40px 0px;
	}
#nosotros .content {
	width:90%;
	}
#rubricas,
#copiados,
#libros {
    flex-direction: column;
    height: auto;
    }
#rubricas .columna-foto,
#rubricas .columna-texto,
#copiados .columna-foto,
#copiados .columna-texto,
#libros .columna-foto,
#libros .columna-texto {
    width: 100%;
    height: auto;
    }
#rubricas .columna-foto,
#copiados .columna-foto,
#libros .columna-foto {
    min-height: 250px;
    }
    
#rubricas .columna-texto,
#copiados .columna-texto,
#libros .columna-texto,
#rubricas .columna-foto,
#copiados .columna-foto,
#libros .columna-foto {
    padding: 80px 30px 30px 30px ;
    }

#copiados .columna-texto {
    order: -1;
    }
#copiados .columna-foto {
    order: 0;
    }
.btn-cuadro {
    float:none;
    margin: 0px auto 25px auto;
    width: 120px;
    height: 120px;
    }
#contacto {
    padding: 60px 0px 100px 0px;
    }
#contacto .main {
	width: 85%;
	}
#contacto .columna {
    width:100%;
    }
#contacto .formu {
    padding: 0px;
    margin-top: 50px;
    }
    
    
    
}