/*@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');*/

:root{
	--color-texto:  #212529;

	--color-principal: #53eebf;
	--color-principal-claro: #ffffff;
	--color-principal-oscuro: #000000;

	--color-secundario: #2ef29d;
	--color-secundario-claro: #3798dd;
	--color-secundario-oscuro: #1d7ec4;

	--color-sombra: rgba(33, 25, 21, .2);
	--color-sombra-clara: rgba(33, 25, 21, .1);

	--color-gris: #888888;
	--color-gris-claro: #cccccc;
	--color-gris-oscuro: #aaaaaa;

	--color-fondo-gris: #f0f0f0;

	--blanco:  #ffffff;

	--radio-sm: 0px;
	--radio-xs: 2px;

	--espaciado-letras: .07rem;
	--espaciado-letras-fondo: .1rem;

	--borde-principal:  2px solid var(--color-principal);
	--borde-secundario:  2px solid var(--color-principal-claro);

	--borde-principal-xs:  1px solid var(--color-principal);
	--borde-secundario-xs:  1px solid var(--color-principal-claro);

	/* Fuentes */
	--fuente-logo: 'Ubuntu', sans-serif;
	--peso-fuente-logo: 700;

	--fuente-titulo: 'Ubuntu', sans-serif;
	--peso-fuente-titulo: 400;

	--fuente-texto: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--peso-fuente-texto: 200;

	--alto-menu: 70px;
}


/*// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px){ ... }*/


html, body{
	scroll-behavior: smooth;
	height: 100% !important;
}


/* Color */

.color-principal{
	color: var(--color-principal) !important;
}
.color-secundario{
	color: var(--color-secundario) !important;
}


/* Imágenes */

img{
	/*border-radius: var(--radio-xs);*/
	/*border: var(--borde-secundario-xs);*/
}


/* Tipografia */

h1{
	font-size: 34px !important;
}

h2{
	font-size: 30px !important;
}

h3{
	font-size: 26px !important;
}

h4{
	font-size: 24px !important;
}

h5{
	font-size: 20px !important;
}

h6{
	font-size: 18px !important;
}

p, .p,
ul, li{
	font-size: 17px !important;
	font-weight: normal;
	font-family: var(--fuente-texto);
}

.titulo-destacado{
	font-family: var(--fuente-titulo) !important;
}

.accordion-header{
	font-family: var(--fuente-texto) !important;
	font-size: 24px;
	font-weight: bolder;
}
.accordion-item{
	margin-bottom: 
}

.accordion-body p,
.accordion-body li{
	font-size: .95rem !important;
}
.accordion-body li{
	list-style-type: disc !important;
	list-style-position: inside !important;
}

.titulo,
.titulo-principal,
.subtitulo,
.subtitulo-principal{
	font-family: var(--fuente-titulo) !important;
}
.titulo,
.titulo-principal{
	font-size: 40px;
	color: var(--color-principal);
}
.subtitulo,
.subtitulo-principal{
	font-size: 24px;
	color: var(--color-principal);
}

.titulo-claro,
.titulo-oscuro,
.titulo-oscuro-2{
	font-weight: var(--peso-fuente-titulo);
	font-family: var(--fuente-titulo) !important;
}
.titulo-oscuro{
	color: var(--color-principal);
}
.titulo-oscuro-2{
	color: var(--color-principal-oscuro);
}
.titulo-claro{
	color: var(--color-principal-claro) !important;
	font-weight: var(--peso-fuente-titulo);
	color: white;
}

#info-texto h1{
	font-size: 27px;
	font-weight: normal;
}

#info-texto h2{
	color: #2251D2;
	font-size: 15px;
	font-weight: 900;
}

.texto-blanco{
	color: #fff;
}


/* Navbar */

#top-nav{
	min-height: var(--alto-menu);
	background-color: var(--color-principal) !important;
	box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;

}

#top-nav .navbar-toggler{
	padding: 0.2rem 0.4rem;
	font-size: 1rem;
}

#nav-1 .nav-link{
	color: white !important;
}

/*.navbar-brand{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}*/

.navbar-brand-title{
	font-family: var(--fuente-logo) !important;
	font-size: 1.5rem;
	color: #ffffff;
}
.navbar-brand-icon{
	max-height: 36px;
	border: none;
}


/* Ornamentos */

.sombra:hover{
	transition: all 100ms;
	box-shadow: 0 0 8px rgba(0, 0, 0, .4);
}
.square:before{
	color: silver;
	font-size: 40px;
	content: '■';
}
.sin-margen{
	margin: 0 !important;
	padding: 0 !important;
}
.sombra-texto{
	text-shadow: 0 0 4px #000000;
}
.texto-blanco{
	color:  white;
}

/* Secciones */

#datos-contacto dt{
	font-size: 1rem;
	color: var(--color-gris);
	text-transform: uppercase !important;
}
#datos-contacto dd{
	font-size: .95rem;
}


/* Notas */

.nota{
	min-height: 100vh;
}

.h1:not(.titulo),
.h2:not(.titulo),
.h3:not(.titulo),
.h4:not(.titulo),
.h5:not(.titulo),
.h6:not(.titulo),
h1:not(.titulo),
h2:not(.titulo),
h3:not(.titulo),
h4:not(.titulo),
h5:not(.titulo),
h6:not(.titulo){
	color: var(--color-principal);
	font-family: var(--fuente-titulo);
}

.titulo-nota{
	color: var(--color-principal);
	font-size: 1.5rem;
	font-weight: bold;
}
.titulo-nota.variacion{
	font-size: 1.8rem;
}

.titulo-nota a:hover{
	text-decoration: none !important;
	color: var(--color-secundario-claro);
}

.titulo-relacionada{
	font-weight: bold;
	font-size: 1.4rem !important;
	line-height: 1.2 !important;
	color: var(--color-secundario);
	font-family: var(--fuente-titulo);
}

.bajada-nota{
	font-size: 1rem;
	color: var(--color-gris);
}
.bajada-nota.variacion{
	font-size: 1.1rem;
}

.imagen-nota {
	transition: transform .2s ease-in-out;

	width: 100%;
	height: auto;
	margin: 0 auto;
}

.imagen-nota:hover{
	transform: scale(1.05);
}

.cuerpo-nota .h1,
.cuerpo-nota .h2,
.cuerpo-nota .h3,
.cuerpo-nota .h4,
.cuerpo-nota .h5,
.cuerpo-nota .h6,
.cuerpo-nota h1,
.cuerpo-nota h2,
.cuerpo-nota h3,
.cuerpo-nota h4,
.cuerpo-nota h5,
.cuerpo-nota h6{
	color: var(--color-texto) !important;
}

/*.cuerpo-nota p a{
	color: var(--color-principal);
	text-decoration: none !important;
}
.cuerpo-nota p a:hover{
	color: var(--color-principal-oscuro) !important;
	text-decoration: none !important;
}
.cuerpo-nota p a:visited{
	color:  var(--color-principal-oscuro) !important;
	text-decoration: none !important;
}*/

.pie-imagen-nota{
	color: #777 !important;
	font-size: .92rem;
	font-weight: normal;
}


/* Portada */

.texto-centrado{
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}

.titulo-portada{}
.texto-portada{
	font-size: 1.2rem !important;
}


/* Banner */

.banner{
	background-color: var(--color-principal) !important;
	color: white;
}


/* Anchor fix */

section::before{
	display: block;
	content: " ";
	padding-top: -145px;
	height: var(--alto-menu);
	visibility: hidden;
	pointer-events: none;
}


/* Fondos */

.bg-1{
	background-image: url("../img/bg1.jpg");

	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}
.bg-2{
	background-color: var(--color-principal);
}
.bg-3{
	background-color: white;
}
.bg-4{
	background-color: var(--color-fondo-gris);
}
.bg-5{
	padding-top: var(--alto-menu) !important;
}


/* Parallax */

.paralax{
	
}


/* Puntaje */

.rating-0 {
	filter: grayscale(100%);
}

.rating > input {
	display: none;
}

.rating > .rating-label {
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin-top: auto;
	background-image: url("../img/estrella-muted.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
	transition: .3s;
}

.rating > input:checked ~ .rating-label,
.rating > input:checked ~ .rating-label ~ .rating-label {
	background-image: url("../img/estrella.svg");
}


.rating > input:not(:checked) ~ .rating-label:hover,
.rating > input:not(:checked) ~ .rating-label:hover ~ .rating-label {
	background-image: url("../img/estrella-selected.svg");
}


/* Botones */

.btn{
	border-radius: var(--radio-sm);
	padding: .2rem .75rem;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--fuente-texto) !important;
}

.btn-rounded{
	border-radius: 18px;
	min-width: 36px;
	height: 36px;
	padding: 3px 7.55px;
}

.btn-primary{
	color: var(--color-principal-claro) !important;
	border: var(--borde-principal);
	background-color: var(--color-principal) !important;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:hover{
	border: var(--borde-principal) !important;
	color: var(--color-principal) !important;
	background-color: var(--color-principal-claro) !important;
}

.btn-outline-primary{
	color: var(--color-principal-claro) !important;
	border: var(--borde-secundario) !important;
	background-color: var(--color-principal) !important;
}
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:visited,
.btn-outline-primary:hover{
	border: var(--borde-principal) !important;
	color: var(--color-principal) !important;
	background-color: var(--color-principal-claro) !important;
}


/* Otros botones */

.btn-puntaje{
	width: 20px !important;
	height: 20px !important;
}

.btn-redes{
	width: 35px;
	height: 35px;
}
.btn-redes:hover{
	border-radius: 50%;
	box-shadow: 0 3px 0 var(--color-sombra);
}

.btn-icon{
	font-size: 1rem !important;
}

.btn-link.seguir-leyendo{
	color: red;
	bottom: 0;
	right: 0;
	position: absolute;
}
.btn-link.seguir-leyendo:hover{
	color: var(--color-principal);
}


/* Errores */

#contenedor-errores{}

#contenedor-errores .error{
	/*color: red;*/
	font-weight: var(--peso-fuente-texto) !important;
}


/* Overrides */

.sun-editor{
	width: auto !important;
}

.grecaptcha-badge{
	z-index: 1000 !important;
}

footer{
	font-size: .8rem;
	line-height: 1.1rem;
	color: var(--color-gris);
}
footer a{
	color: var(--color-gris);
}

@media (min-width: 768px){
	footer .container .row .datos-footer:not(:first-child){
		border-left: 1px solid var(--color-gris-oscuro);
	}
}

hr.linea{
	border-bottom: 4px dotted rgba(255,255,255,.1);
}

.card{
	border-radius: var(--radio-sm);
	border: none;
	background-color: #fefefe;
	color: var(--color-texto);

	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.card-alt{
	border-radius: var(--radio-sm);
	border: none;
	background-color: var(--color-principal);
	color: #ffffff !important;
}

.form-group{
	margin-bottom: 1rem;
}

label{
	font-family: var(--fuente-texto);
	font-weight: var(--peso-fuente-texto);
	font-size: 16px;
	margin-bottom: .25rem;
}

input.custom-file-input,
input.form-control,
textarea.form-control,
select.form-control{
	background-color: white !important;
	border: var(--borde-principal);
	border-radius: var(--radio-sm);
	min-height: 46px !important;
}
input.custom-file-input:focus,
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus{
	background-color: white !important;
}
input.custom-file-input:disabled,
input.form-control:disabled,
textarea.form-control:disabled,
select.form-control:disabled{
	background-color: rgb(230,230,230) !important;
	
}
.accordion {
  max-width: 600px;
  margin: 0 auto;
}

.accordion-toggle {
  display: none;
}

.accordion-header {
  display: block;
  font-weight: bold;
  background-color: #eee;
  padding: 10px;
  border: 1px solid #ddd;
  cursor: pointer;
}

.accordion-header:hover {
  background-color: #ddd;
}

.accordion-header::before {
  content: "+";
  float: left;
  margin-right: 10px;
}
.accordion h3 {
  cursor: pointer;
  font-weight: bold;
}
.accordion-toggle:checked + .accordion-header::before {
  content: "-";
}

.accordion-content {
  display: none;
  padding: 10px;
  border: 1px solid #ddd;
}

.accordion-toggle:checked + .accordion-header + .accordion-content {
  display: block;
}