@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'OwenPro-Bold';
    src: url("../fonts/Owen Pro/OwenPro-Bold.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-SemiBold';
    src: url("../fonts/Owen Pro/OwenPro-SemiBold.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-Medium';
    src: url("../fonts/Owen Pro/OwenPro-Medium.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OwenPro-Regular';
    src: url("../fonts/Owen Pro/OwenPro-Regular.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OwenPro-Light';
    src: url("../fonts/Owen Pro/OwenPro-Light.otf") format('opentype'); 
    font-weight: normal;
    font-style: normal;
}

:root {
    --aqua: #00A0AF;
	--verde: #8DBB00;
	--negro: #000000;
	--gris: #1F242D;
	--azul-claro: #D3F0F2;
	--azul:#84CEDB;
	--owenPro-700: 'OwenPro-Bold';
	--owenPro-600: 'OwenPro-SemiBold';
	--owenPro-500: 'OwenPro-Medium';
	--owenPro-400: 'OwenPro-Regular';
	--owenPro-300: 'OwenPro-Light';
	--primaryBoxShadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
    --secondaryBoxShadow: 0px -10px 15px rgba(0, 0, 0, 0.1);
}
body{
	overflow-x: hidden;
}
.swiper {
    width: 100%;
    height: 100%;
 }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .swiper-slide img {
    display: block;
    width: 85%;
    height: auto;
    object-fit: cover;
	max-height: 880px;
	margin: auto;
/*	margin: 0 0 0 5%;*/
 }
.container__producto-banner {
    position: relative;
    display: flex; 
    justify-content: center; 
    align-items: center;
    overflow: hidden; 
	margin: 2% 3% 0 3%;
	box-sizing: border-box;
	border: 1px solid black;
	border-radius: 46px;
}
.container__producto-banner img{
	width: 100%;
	object-fit: cover;
}
.producto__tittle {
    text-align: center; 
	position: absolute;
	font-family: var(--owenPro-700);
	font-size: 3.125rem;	
	letter-spacing: .5rem;
}

.container__producto-subbanner {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1%;
	grid-row-gap: 0px;
	padding: 3%;
	min-height: 45vh;
}
.subbanner__text { 
	grid-area: 1 / 1 / 2 / 4;
	background-color: var(--azul-claro);
	border-radius: 20px;
	padding: 5%;
	display: grid;
	align-items: center;
	justify-items: center;
}
.subbanner__imagen {
	grid-area: 1 / 4 / 2 / 8; 
	background-color: white;
	border-radius: 20px;
	display: grid;
	align-items: center;
	justify-items: center;
	padding: 0 5%;
	border: 1px solid #00A2AC;
}
.subbanner__text h1{
	font-family: var(--owenPro-700);
	font-size: 2.03rem;
	line-height: 2.5rem;
	text-align: left;
    text-wrap: balance;
}
.subbanner__imagen img{
	width: 100%;
	max-height: 546px;
}
.container__producto-iconos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 45px;
	grid-row-gap: 0px;
	text-align: center;
	align-items: center;
	justify-items: center;
	padding: 5%;
	}

.container__producto-iconos h1{
	font-family: var(--owenPro-600);
	font-size: 1.375rem;
	margin-bottom: 0;
	color: var(--gris);
}
.container__producto-iconos p{
	font-family: var(--owenPro-300);
	font-size: 1.125rem;
	margin-top: 0;
	color: var(--gris);
}

/*------Estilos para la tabla de los productos------*/
.producto-tabla {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	padding: 5%;
}
.producto-tabla__title { 
	grid-area: 1 / 1 / 1 / 6;
	margin: 0 8% 0 0;
}
.producto-tabla__image { 
	grid-area: 2 / 1 / 5 / 6;
	padding: 0 8%;
	align-content: center;
}
.producto-tabla__data { 
	grid-area: 1 / 6 / 7 / 10;
}
.producto-tabla__heading{
	font-family: var(--owenPro-700);
	font-size: 2rem;
	margin-bottom: 0;
	color: var(--gris);	
}
.producto-tabla__description{
	font-family: var(--owenPro-500);
	font-size: 1.25rem;
	margin: 0;
	color: var(--gris);	
}

/*
.producto-tabla__image img{
	width: 85%;
	margin: 0 0 0 5%;
}
*/
.producto-tabla__button{
	grid-area: 5 / 1 / 7 / 6;
	justify-self: center;
	align-self: flex-end;
	margin-bottom: 7px;
}
.producto-tabla__button p{
	font-family:  var(--owenPro-500);
	font-size: 1.375rem;
	text-align: center;
    margin-bottom: 10px;
	margin-top: 0;
}
.producto-tabla__button button{
	background-color: var(--aqua);
	color: white;
	font-family:  var(--owenPro-500);
	font-size: 1.563rem;
	border-radius: 30px;
    border: none;
	cursor: pointer;
	width: 320px;
    height: 48px;
}
.producto-tabla__button button:hover{
	background-color: var(--verde);
}
th.active {
    background-color: var(--azul);
}
.tabla {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(auto-fill, minmax(73px, auto)); 
    background-color: #E3E9EA;
    padding: 0;
    min-height:1100px;
	max-height: 1100px;
	border-radius: 20px;
	overflow: auto;	
	scrollbar-color: #00A0AF white;
  	scrollbar-width: thin;
	min-width: 300px;
}

.fila {
    display: contents;
}

.celda {
    border-bottom: 1px solid #959AA2;
    overflow: hidden; 
    height: auto;
	text-align: left;
    align-content: center;
	padding: 0 10%;
    font-size: 1.25rem;
	font-family: var(--owenPro-400);
	min-height: 70px;
}

.celda-detalles{
	grid-column: 1 / -1; 
    height: auto!important;    
    min-height: 100%!important;
	font-family: var(--owenPro-600);
	padding: 3% 5%;
	font-size: 1.25rem;
	line-height: 1.80rem;
	word-break: break-all;
}
.th{
	font-family: var(--owenPro-600);
	border: 1px solid #646972;
	cursor: pointer;
}
.th:hover{
	background-color:var(--azul);
}
.th:first-child{
	border-radius: 20px 0 0 0;
}
.th:nth-child(2){
	border-radius: 0 20px 0 0;
	border-left: .5px solid #646972;
}
.th.active {
    background-color:var(--azul);
}
.celda:first-child{
	font-family: var(--owenPro-600);
}
.fila.detalles {
    display: none;
	grid-column: 1 / -1;
}
.comprar__button{
	width: 328px;
	min-height: 68px;
	border: none;
	border-radius: 10px;
	background-image: url("../img_repository/boton-tienda/fondo-azul.svg");
	background-size: cover;
	padding: 10px 20px; 
	box-sizing: border-box;
	margin-top: .5rem;
	font-family: var(--owenPro-600);
	color: #FFFFFF;
	cursor: pointer;
	position: relative; 
	text-align: center;
	font-size: 1rem;
	transition: background-image 0.3s ease;
}
.comprar__button:hover{
	background-image: url("../img_repository/pagina-productos/iconos/hover_boton.svg");
}
.swiper-button-next, 
.swiper-button-prev{
	color: var(--aqua)!important;
}
.swiper-button-next{
	margin-right: 5%;
}
.swiper-pagination-bullet-active{
	background: var(--aqua)!important;
}
.img-desktop {
	display: block;
}
.img-movil {
	display: none;
}
@media only screen and (min-width: 980px){
	.movil{
		display: none;
	}	
}
@media only screen and (max-width: 980px){
	.desktop_producto{
		display: none;
	}
	.img-desktop {
		display: none;
	}
	.img-movil {
		display: block;
	}
.swiper-button-next{
	margin-right: 1%;
}
.producto-tabla {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(4, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.producto-tabla__title {
	grid-area: 1 / 1 / 1 / 10; 
	margin-bottom: 2rem;
	}
.producto-tabla__image { 
	grid-area: 2 / 1 / 5 / 10;
	margin: auto;
	}
.producto-tabla__button {
    grid-area: 5 / 5 / 5 / 5;
    margin: 2rem 0 4rem 0;
}
.producto-tabla__data {
	grid-area: 8 / 1 / 8 / 10;
	}	
.producto-tabla__image img{
	width: 98%;
}

.producto__tittle {
    font-size: 2.125rem;
	letter-spacing: .3rem;
}
th {
    font-size: .9rem;
}
.container__producto-subbanner {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 5%;
    padding: 0 5%;
	margin: 10% 0;
}
.subbanner__text {
    grid-area: 1 / 1 / 2 / 8; ;
}
.subbanner__imagen {
	grid-area: 2 / 1 / 3 / 8;
}
.hidden{
		display: none;
	}
	
.container__producto-iconosMovil {
    overflow: hidden; 
    width: 100%; 
    display: flex; 
    justify-content: center;
}
.container__producto-iconosMovil h1{
	font-family: var(--owenPro-600);
	font-size: 1.375rem;
	margin-bottom: 0;
	color: var(--gris);
}
.container__producto-iconosMovil p{
	font-family: var(--owenPro-300);
	font-size: 1.125rem;
	margin-top: 0;
	color: var(--gris);
}
.carousel {
    display: flex; 
    transition: transform 0.5s ease; 
    width: 100%; 
    max-width: 600px; 
}

.slide {
    flex: 0 0 100%;
    box-sizing: border-box; 
    display: flex; 
    flex-direction: column;
    align-items: center; 
    justify-content: center; 
    text-align: center; 
    padding: 20px;
	margin: 5% 0;
}

.slide img {
    max-width: 100%; 
    height: auto; 
    display: block; 
}

.producto-tabla__description {
	overflow-wrap: break-word;
	width: 100%;
}
.tabla {
    min-height:720px;
	max-height: 787px;
}
.container__producto-banner{
	border-radius: 40px;	
	}
.container__producto-banner img{
	max-height: 400px;
}
}
@media only screen and (max-width: 490px){
.subbanner__text h1 {
    font-size: 1.4rem;
    line-height: 1.9rem;
    text-align: left;
    text-wrap: pretty;
}
.subbanner__imagen img {
	width: 100%;
    max-height: 264px;
}
.comprar__button{
	width: 218px;	
	}
}