/* INICIO VARIABLES */

:root {
	--margenLateral:0;
	--alturaBarraNavegacion:75px;

	--brandPrimary:#07496B;
	--brandPrimaryLight:#0398E3;
	--brandPrimaryLighter:#00AAFF;
	--brandPrimaryDark:#003B5A;

	--brandGreen:#74B963;
	--brandOrange:#FF9100;

	--bordeGris:#B8B8B8;
	--backgroundGrisClaro:#FBFBFB;
}

@media screen and (min-width:992px) {
	:root {
		--margenLateral:100px;
	}
}

@media screen and (min-width:1281px) {
	:root {
		--margenLateral:220px;
	}
}

/* FINAL VARIABLES */

html {

}

body {
	font-family: 'Raleway', sans-serif;
}

/* INICIO TEST */

.spacer {
	min-height:300px;
}

/* FINAL TEST */

/* INICIO SCROLLBAR */

::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 0 black; 
	border-radius: 0px;
	background:grey;
}
::-webkit-scrollbar-thumb {
	background: var(--brandPrimaryDark);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--brandPrimaryLight); 
}

/* FINAL SCROLLBAR */

/* INICIO LINKS */

a {
	transition:color ease-in-out .15s;
}

/* unvisited link */
a:link,
a.dropdown-toggle,
a.linksNavBar {
	color: var(--brandPrimary) !important;
}

/* visited link */
a:visited,
a.dropdown-toggle:visited,
a.linksNavBar:visited {
	color: var(--brandPrimary) !important;
}

/* mouse over link */
a:hover,
a.dropdown-toggle:hover,
a.linksNavBar:hover {
	color: var(--brandPrimaryLight) !important;
}

/* selected link */
a:active,
a.dropdown-toggle:active,
a.linksNavBar:active {
	color: var(--brandPrimaryLight) !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--brandPrimaryLight);
	background:white;
}

/* FINAL LINKS */



/* INICIO CAROUSEL HOME */

.carousel-indicators {
	display:none;
}

.carousel-control-next,
.carousel-control-prev {
	width:10% !important;
}

.carousel-control-prev-icon {
	background:url("sliderHome/prev.svg");
}

.carousel-control-next-icon {
	background:url("sliderHome/next.svg");
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	background-size:2rem;
 }

.carousel-indicators button {
	width:10px !important;
	height:10px !important;
	border-radius:50%;
	margin:auto 7px !important;
}

.infoContainer {
	position: absolute;
	bottom:0;
	padding:.5em 1.5em;
	background:rgba(255,255,255,.6);
	color:var(--brandPrimary);
	display:flex;
	flex-direction:column;
	width:100%;
	text-align:center;
}

.empNombre,
.empMasInfo {
	text-transform:uppercase;
}

.empNombre {
	font-weight:700;
	font-size:1em;
	margin-bottom:.1em;
}

.empDescripcion {
	font-size:.85em;
	font-weight:500;
}

a.empMasInfo {
	margin-left: 5px;
	font-size:.45em;
	display:inline-block;
	color:white;
	padding:2px 6px 1px 6px;
	vertical-align:2px;
	color:white;
	text-decoration:none;
	background:var(--brandPrimaryLight);
	transition:background-color ease-in-out .15s;
	font-size:.75em;
	color:white !important;
}

a.empMasInfo:hover {
	background:var(--brandPrimaryLighter);
}

@media screen and (min-width:992px) {
	.carousel-indicators {
		display:flex;
	}
	.infoContainer {
		position:absolute;
		bottom:55px;
		left:0;
		padding:1em 1em 1em 8em;
		box-shadow:3px 3px 20px rgba(0,0,0,.25);
		backdrop-filter: blur(1px);
		width: auto !important;
		border-radius:0 5px 5px 0;
		transition:background-color ease-in-out .5s;
		text-align:left;
	}

	.infoContainer:hover {
		background:rgba(255,255,255,.95);
	}
	.empNombre {
		font-size:1.3em;
		margin-bottom:.25em;
	}

	.empDescripcion {
		font-size:1em;
	}

}

@media screen and (min-width:1680px) {
	.infoContainer {
		/*max-width:800px;*/
		padding-left:12em;
	}

/*	.empNombre {
		font-size:1.75em;
	}

	.empDescripcion {
		font-size:1.25em;
	}*/

}

/* FINAL CAROUSEL HOME */



/* INICIO CONTENEDOR GENERICO */

.contendorGenericoFullWidth {
	padding-top:.5em;
	padding-bottom:.5em;
}

.contenedorGenerico {
	border:solid 1px var(--bordeGris);
	margin-top:20px;
	padding:10px;
}

.contendorGenericoFullWidth,
.contenedorGenerico {
	background-color:var(--backgroundGrisClaro);
}

.contenedorGenericoBackgroundPrimary {
	background-color:var(--brandPrimary);
}

.tituloContenedor {
	text-transform:uppercase;
	font-weight:600;
	margin:1em auto .5em auto;
}

.subtituloContenedor {

}

.tituloContenedor,
.subtituloContenedor {
	color:#4C4C4C;
	text-align:center;
}

.contenedorGenericoBackgroundPrimary .tituloContenedor {
	color:white;
}

@media screen and (min-width:992px) {
	.contenedorGenerico {
		margin-top:30px;
		padding:15px;
	}
	.contendorGenericoFullWidth {
		padding-top:2em;
		padding-bottom:2em;
	}
	.tituloContenedor {
		margin:1em auto 2em auto;
	}
}

/* FINAL CONTENEDOR GENERICO */

/* INICIO PRODUCTOS */

.contenedorProductos {
	display:flex;
	align-items:center;
	justify-content:space-evenly;
	width:100%;
	height:100px;

}

.linkProducto {
	display:flex;
	flex-direction:column;
	align-items:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	width:calc(25% - 1px);
}

.linkProducto span {
	display:flex;
	flex-wrap:wrap;
	margin-top:.5em;
	font-size:.7em;
	width:100%;
	justify-content:center;
	text-align:center;
}

.linkProducto img {
	transition:filter ease-in-out .15s;
	width:50px;
}

.linkProducto:hover img {
	filter:brightness(1.25);
}

.linkSpacer {
	display:block;
	border-right:solid 1px var(--bordeGris);
	height:calc(100% - 15px);
}

@media (max-width: 769px) { 
	.contenedorBuscador .form-control,.contenedorBuscador .form-select,.contenedorBuscador .btn{
		font-size: 0.75rem !important;
	} 
}
@media screen and (min-width:992px) {
	
	.contenedorProductos {
		height:185px;
	}
	.linkProducto img {
		width:auto;
		max-width:110px;
	}
	.linkProducto span {
		margin-top:1em;
		font-size:1.1em;
	}

}

/* FINAL PRODUCTOS */


/* INICIO BUSCADOR */

.contenedorBuscador {

}

/* FINAL BUSCADOR */







/* INICIO SLIDERS */

.contenedorInfoSlide {
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.infoSlide {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:1em;
}

a.infoLink {
	display:flex;
	flex-direction:column;
	width:100%;
	max-width:400px;
	align-items:center;
	text-decoration:none;
	color:#4C4C4C !important;
	position:relative;
}

.infoImage {
    min-height:200px;
    width:100%;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:50% 50%;
    transition:background-size .15s ease-in-out;
    filter:brightness(.95);
}

a.infoLink:hover .infoImage,
a.infoLink:hover .infoPill,
a.infoLink:hover .infoTitle {
	filter:brightness(1.1);
	background-size:105%;
}

.infoPill {
	display:inline-block;
	color:white;
	padding:2px 6px 1px 6px;
	vertical-align:2px;
	color:white;
	background:var(--brandGreen);
	font-size:.65em;
	color:white !important;
	width:fit-content;
	text-transform:uppercase;
	margin:1.5em auto .7em auto;
	transition:filter .15s ease-in-out;
}

.infoPillOrange {
	background:var(--brandOrange);
}

.infoTitle {
	font-size:1.1em;
	font-weight:500;
	text-align:center;
}

.infoContador {
	font-size:.8em;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:.5em;
}

.infoUnidades {
	margin-right:8px;
	margin-left:5px;
}

.infoDisponibles,
.infoAutor {
	margin-left:8px;
	margin-right:5px;
}

.contenedorGenericoBackgroundPrimary a.infoLink {
	color:white !important;
}

.infoImage01 {
	background-image:url("infoSlides/lanzamientos/01.jpg");
}

.infoImage02 {
	background-image:url("infoSlides/lanzamientos/02.jpg");
}

.infoImage03 {
	background-image:url("infoSlides/lanzamientos/03.jpg");
}

.infoImage04 {
	background-image:url("infoSlides/nuestroBlog/01.jpg");
}

.infoImage05 {
	background-image:url("infoSlides/nuestroBlog/02.jpg");
}

.infoImage06 {
	background-image:url("infoSlides/nuestroBlog/03.jpg");
}

.infoImage07 {
	background-image:url("infoSlides/revistaTigris/01.jpg");
}

.infoImage08 {
	background-image:url("infoSlides/revistaTigris/02.jpg");
}

@media screen and (min-width:850px) {
	.contenedorInfoSlide {
		flex-direction:row;
	}
}

@media screen and (min-width:992px) {
	.infoImage {
		min-height:200px;
	}
	.infoTitle {
		font-size:1.3em;
	}
	.infoPill {
		font-size:.75em;
	}
}

@media screen and (min-width:1200px) {
	.infoImage {
		min-height:300px;
	}
	a.infoLink {
		max-width:100%;
	}
}

@media screen and (min-width:1400px) {
	.infoImage {
		min-height:350px;
	}
}

@media screen and (min-width:1680px) {
	.infoImage {
		min-height:350px;
	}
	.infoSlide {
		max-width:600px;
	}
}

@media screen and (min-width:1900px) {
	.infoImage {
		min-height:380px;
	}
}

/* FINAL SLIDERS */

/* INICIO SLIDER ALTERNATIVO */

a.infoLink:hover .infoOverlay {
	background:rgba(0,0,0,.8);
}

.infoOverlay {
	bottom:0;
	padding:.5em;
	background:rgba(0,0,0,1);
    position:absolute;
    left:0;
    display:flex;
    flex-direction:column;
    transition:background-color .15s ease-in-out;
}

.infoOverlay .infoPill,
.infoOverlay .infoTitle {
    width:100%;
    margin:0;
    background:transparent;
    color:white;
    text-align:left;
}

.infoOverlay .infoPill {
    background:rgba(0,0,0,.5);
    width:fit-content;
    font-size:.7em;
    margin-bottom:.5em;
}

.infoOverlay .infoTitle {
	font-size:1em;
}

@media screen and (min-width:992px) {
	.infoOverlay {
		bottom:.75em;
		padding:.75em;
		background:rgba(0,0,0,.6);
	}
}

/* FINAL SLIDER ALTERNATIVO */

.nowrap{
	white-space: nowrap;
}
.carousel-item{
	background-repeat: no-repeat;
  	background-size: cover;
	height: 338px;
}

.tigrisBtn{
	background-color: #C6DDB1;
	color: #4B6235;
	
}


.tt-suggestion{
    background-color: #FFF;
    color: #000;
    padding:10px;
}
.tt-cursor,.tt-suggestion:hover{
    background-color: #0398E3;
}
.cursor-p{
    cursor:pointer;
}
/* INICIO instagram */

.hashtagViviEidico {
	width:180px;
}

.followInstagram {
	width:215px;
}

.igEmbedContainer div {
	margin:0 .5em .5em .5em;
}

.igEmbedContainer div blockquote {
	height:100%;
}


@media screen and (min-width:992px) {
	.hashtagViviEidico {
		width:190px;
	}

	.followInstagram {
		width:225px;
	}

	.igEmbedContainer {
		padding:0 3em;
	}

}

/* FINAL instagram */

.tt-menu{
    width: 100%;
    display: none; 
    text-align: left;
    border:1px solid #AAA;
}
.tt-suggestion{
    background-color: #FFF;
    color: #000;
    padding:10px;
    cursor: pointer;
}
.tt-cursor,.tt-suggestion:hover{
    background-color: #0398E3;
}

#containerIG{
	display: flex !important;
    align-items: flex-start !important;
}
.twitter-typeahead{
    width: 100% !important;
}

/* INICIO ig grilla */

:root {
	--anchoPostIg:150px;
	--altoPostIg:150px;
	--margenEntrePosts:1px;
}

@media screen and (min-width:768px) {
	:root {
		--anchoPostIg:220px;
		--altoPostIg:220px;
	}
}

@media screen and (min-width:1280px) {
	:root {
		--anchoPostIg:250px;
		--altoPostIg:250px;
	}
}

.igGrilla {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	width:100%;
	margin:auto;
	justify-content:center;
}

@media screen and (min-width:768px) {
	.igGrilla {
		width:80%;
	}
}

.igGrilla div {
	border:solid var(--margenEntrePosts) white;
	margin-right:- var(--margenEntrePosts);
	margin-bottom:- var(--margenEntrePosts);
	overflow:hidden;

	display:flex;
	justify-content:center;
	align-items:center;
}

.igGrilla div .zoom {
	position:absolute;
	border:none;
	background:rgba(0,0,0,.65);
	padding:15px;
	border-radius:3px;
	z-index:1;
	width:10px;
	height:10px;
	pointer-events:none;
	opacity:0;
	transition:all ease-in-out .15s;
}

.igGrilla div .zoom img {
	width:100%;
	height:auto;
}

.igGrilla div a {
	display:flex;
	transition:all ease-in-out 0.15s;
}

.igGrilla div,
.igGrilla div a {
    width:var(--anchoPostIg);
    height:var(--altoPostIg);
}

.igGrilla div a img,
.igGrilla div a video {
	width:auto;
    height:auto;
    min-width:var(--anchoPostIg);
    min-height:var(--altoPostIg);
	object-fit:cover;
	transition:all ease-in-out .15s;
}

.igGrilla div:hover a img,
.igGrilla div:hover a video {
	transform:scale(1.05);
}

.igGrilla div:hover .zoom {
	opacity:1;
	width:60px;
	height:60px;
}

.igGrilla div:hover a {
	filter:brightness(1.15);
}

/* FINAL ig grilla */