@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{margin: 0 0 0 0; padding: 0 0 0 0; font-size: 18px; font-family: "Roboto", sans-serif; font-weight: 400; color: #6F7070; line-height: 1; overflow-x: hidden; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}

h1, h2, h3, h4, h5, h6, ul, li, a, p, figure{
padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; font-weight: inherit; font-size: inherit; line-height: inherit;}

a{text-decoration: none; font-family: "Comfortaa", sans-serif; font-weight: 700;}
a:hover{text-decoration: none; color: inherit;}

button:focus{outline: none !important;}
button{background: none; border: none;}
a:focus{outline: none !important;}
a{background: none; border: none;}

h1, h2, h3, h4, h5, h6{font-family: "Comfortaa", sans-serif; font-weight: 700 !important; text-align: center;}

img{display: block; max-width: 100%; height: auto; border: 0; border: none;}

section{position: relative; width: 100%; padding: 60px 0;}
section.page-section{margin-top: 82px;}

.h2{color: #2BBAB4; font-size: 42px; line-height: 44px; letter-spacing: -2.016px; margin-top: 0; margin-bottom: 50px;}
h3{font-size: 36px; line-height: 44px; letter-spacing: -1.728px;}
p{font-size: 18px; line-height: 28px;}

.bg-F7A376{background-color: #F7A376 !important;}
.bg-2BBAB4{background-color: #2BBAB4 !important;}
.bg-9C77BC{background-color: #9C77BC !important;}

.color-9c77bc{color: #9C77BC !important;}
.color-f7a376{color: #F7A376 !important;}
.color-2bbab4{color: #2bbab4 !important;}

.btn-{min-width: 356px; height: 66px; font-family: "Comfortaa", sans-serif !important; font-size: 25.96px; font-weight: 700 !important; letter-spacing: -1.8172000000000001px; text-align: center; border: solid 3px; border-radius: 16px; display: flex; justify-content: center; align-items: center;}
.btn-ffffff{background-color: #FFFFFF !important; border-color: #53A99D; color: #6F7070; transition: .3s !important;}
.btn-ffffff:hover{background-color: #9C77BC !important; border-color: #9C77BC; color: #FFFFFF;}
.btn-2BBAB4{background-color: #2BBAB4 !important; border-color: #2BBAB4; color: #FFFFFF; transition: .3s !important;}
.btn-2BBAB4:hover{background-color: #9C77BC !important; border-color: #9C77BC; color: #FFFFFF;}
.btn-02b902{background-color: #02b902 !important; border-color: #02b902; color: #FFFFFF; transition: .3s !important;}
.btn-02b902:hover{background-color: rgb(2,185,2, 0.85) !important; border-color: transparent;}
.btn-9d78bc{background-color: #9d78bc !important; border-color: #9d78bc; color: #FFFFFF; transition: .3s !important;}
.btn-9d78bc:hover{background-color: #2BBAB4 !important; border-color: transparent; color: #FFFFFF;}

/*HEADER*/
.main-header{position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 83px; background-color: #d2c1e1; margin-bottom: 37px;}
.header-content{width: 100%; height: 83px; display: flex; align-items: start; justify-content: center;}
.header-content .header-logo{width: 113.21px; margin: 22px 1.563vw 0 1.563vw;}
.header-content .header-nav{display: flex; flex: 1; margin-top: 29px;}
.header-content .header-nav li{margin: 0 1.458vw;}
.header-content .header-nav li a{display: block; color: #632398; font-size: 18px; line-height: 20px; letter-spacing: -0.9px; transition: .3s;}
.header-content .header-nav li a:hover{color: #4c0b82;}
.header-nav.left-nav{justify-content: end;}
.main-header .btn-buy{position: absolute; top: 19px; right: 30px; padding: 10px 27px 9px 27px; color: #FFFFFF; font-size: 18px; letter-spacing: -0.54px; background-color: #02B900; border-radius: 16px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; transition: .3s !important;}
.main-header .btn-buy:hover{background-color: #09c607;}

.main-header .dropdown{position: absolute; right: 12px;}
.main-header .dropdown-menu{border-radius: 16px; min-width: 134.11px; padding: 15px 0;}
.main-header .dropdown-menu .dropdown-item{padding: 7px 20px;}

.openmenu{position: absolute; left: 30px; top: calc(50% - 8px); transform: translateY(-50%); z-index: 998; width: 52px; height: 52px; background-color: transparent; border: none; cursor: pointer;}
.openmenu span{position: absolute; left: 0; width: 24px; height: 4px; background-color: #632398; border-radius: 4px; transition: .1s;}
.openmenu span:first-child{top: 21px;}
.openmenu span:nth-child(2){top: 29px;}
.openmenu span:nth-child(3){top: 37px;}

.openmenu .first-child.active{transform: rotate(45deg); top: 28px;}
.openmenu .third-child.active{transform: rotate(-45deg); top: 28px;}
/*HEADER*/

/*SITE MENU*/
.site-menu{position: fixed; top: -100%; left: 0; width: 100%; height: 100%; z-index: 997; background-color: #d2c1e1; transition: 0.3s;}
.site-menu.active{top: 0;}
.site-menu ul{position: absolute; left: 50%; top: calc(50% + 43px); transform: translate(-50%, -50%);}
.site-menu ul li{display: block; text-align: center; font-size: 35px; margin: 30px 0; letter-spacing: -2px;}
.site-menu ul li a{color: #632398; font-weight: 700; transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);}
/*SITE MENU*/

/*HERO*/
#hero{padding-top: 120px; padding-bottom: 0; margin-bottom: -30px; background-image: url("../images/bg-hero.svg"); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
#hero .container-video{margin: 0 auto; margin-bottom: 3.161vw; max-width: 62.5vw;}
#hero .container-video iframe{border-radius: 24px;}
#hero .h2{margin-bottom: 17px;}
#hero h3{font-size: 25.96px; line-height: 44px; margin-bottom: 2.547vw; letter-spacing: -1.2460799999999999px; color: #95B550;}
/*HERO*/

/*CONOCE TU TALLE*/
#conoce-tu-talle{overflow: hidden; padding-top: 90px;}
#conoce-tu-talle.page-section{padding-top: 100px; margin-top: 0;}
.grid-size{display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 31px; max-width: 876px; margin: 0 auto;}
.grid-size .grid-size-item{display: flex; flex-direction: column; align-items: center; font-family: "Comfortaa", sans-serif; font-weight: 700 !important;}
.grid-size .grid-size-item .img-box{margin-bottom: 19px;}
.grid-size .grid-size-item .product-size{margin-bottom: 10px;}
.grid-size .grid-size-item .product-size .title-size{display: inline-block; text-align: center; color: #6F7070; font-size: 25.96px; letter-spacing: -1.2460799999999999px; line-height: 29px;}
.grid-size .grid-size-item .product-size .size-number{display: inline-block; margin: 0 auto; width: 51px; height: 51px; text-align: center; color: #FFFFFF; background-color: #000000; border-radius: 50px; font-size: 25.96px; letter-spacing: -1.2460799999999999px; line-height: 52px;}
.size-nav{margin-top: 63px;}
.size-nav li{margin: 0 0;}

.buy-product button{padding: 10px 27px 9px 27px; color: #FFFFFF; font-size: 18px; letter-spacing: -0.54px; background-color: #02B900; border-radius: 16px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; transition: .3s !important;}
.buy-product button.bg-F7A376:hover{background-color: rgb(247,163,118, 0.8) !important;}
.buy-product button.bg-2BBAB4:hover{background-color: rgb(43,186,180, 0.8) !important;}
.buy-product button.bg-9C77BC:hover{background-color: rgb(156,119,188, 0.8) !important;}

#conoce-tu-talle .nav{justify-content: center; max-width: 846px; margin: 0 auto; margin-bottom: 30px; border-bottom: dashed 1px #D9D9D9;}
#conoce-tu-talle .nav .nav-item{margin: 0 10px 30px 10px;}
#conoce-tu-talle .nav-pills .nav-link{color: #707071; font-family: "Comfortaa", sans-serif; font-size: 25.96px; font-weight: 700; letter-spacing: -1.8172000000000001px; border-radius: 25px; padding: 17px 14px 12px 14px;}
#conoce-tu-talle .nav-pills .nav-link:hover{background-color: #eee;}
#conoce-tu-talle .nav-pills .nav-link.active{color: #FFFFFF; background-color: #2BBAB4;}
.container-icon-copa{position: relative; display: inline-block; margin-right: 8.2px; margin-bottom: 35px;}
.container-icon-copa .icon-copa.bg-f7a376{filter: invert(85%) sepia(42%) saturate(969%) hue-rotate(307deg) brightness(99%) contrast(95%);}
.container-icon-copa .icon-copa.bg-2bbab4{filter: invert(70%) sepia(6%) saturate(4301%) hue-rotate(129deg) brightness(87%) contrast(91%);}
.container-icon-copa .icon-copa.bg-9c77bc{filter: invert(58%) sepia(15%) saturate(1329%) hue-rotate(229deg) brightness(87%) contrast(79%);}
.container-icon-copa .size-number{color: #FFFFFF; font-family: "Comfortaa", sans-serif; font-size: 16px; font-weight: 700; line-height: 17px; letter-spacing: -1.12px; position: absolute; top: 14.1px; left: 14.9px;}
#conoce-tu-talle .product-description p{color: #707071; font-family: "Comfortaa", sans-serif; font-size: 15px; font-weight: 700; letter-spacing: -1.05px; line-height: 15px; margin-bottom: 10px;}
#conoce-tu-talle .product-description{margin-left: 30px;}
.grid-size .grid-size-item:first-child .product-description p{margin-bottom: 25px !important;}
#medidas-y-capacidades{padding-top: 0;}
#medidas-y-capacidades h3{margin-bottom: 20px; color: #707070;}
#medidas-y-capacidades h4{text-align: left; font-family: "Comfortaa", sans-serif !important; font-size: 16px; font-weight: 700 !important; letter-spacing: -1.12px; margin-top: 3px; margin-bottom: 10px; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #707071; color: #707071;}
.grid-medidas-y-capacidades{display: flex; justify-content: space-around; max-width: 987px; border: solid 1px #D9D9D9; border-radius: 30px; margin: 0 auto; padding: 40px 0 37px 0;}
.grid-medidas-y-capacidades .grid-medidas-y-capacidades-item{display: flex;}
#medidas-y-capacidades .product-description p{font-family: "Comfortaa", sans-serif !important; font-weight: 700 !important; color: #707071; font-size: 15px; line-height: 20px; letter-spacing: -1.05px;}
#medidas-y-capacidades .container-icon-copa{margin-bottom: 0; margin-right: 12px;}
#medidas-y-capacidades .title-size{position: absolute; top: 15.4px; left: 50%; transform: translateX(-50%); color: #FFFFFF; font-size: 11px; font-weight: 700; font-family: "Comfortaa", sans-serif !important; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #ffffff;}
#medidas-y-capacidades .container-icon-copa .size-number{left: 50%; transform: translateX(-50%); top: 31px; font-size: 19px;}
/*CONOCE TU TALLE*/

/*QUE ES EVACOPA*/
#que-es-evacopa{overflow: hidden;}
#que-es-evacopa > .container{max-width: 718px;}
#que-es-evacopa .container-figures{margin: 0 auto; margin-bottom: 67px;}
#que-es-evacopa .txt-yoelijo{margin: 0 auto;}
#que-es-evacopa .img-yoelijo{margin: 0 auto; margin-top: -194px;}
#que-es-evacopa p{margin-bottom: 32px;}
#que-es-evacopa p:last-child{margin-bottom: 0;}
#que-es-evacopa .container-tags{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; margin-top: 54px;}
#que-es-evacopa .container-tags .tag{position: relative; display: flex; align-items: center; justify-content: center; height: 66px; border-radius: 19px; background-color: #9C77BC;}
#que-es-evacopa .container-tags .tag span{font-family: "Comfortaa", sans-serif; font-size: 22px; font-weight: 700; line-height: 20px; color: #FFFFFF; letter-spacing: -1.056px; text-align: center;}
#que-es-evacopa .container-tags .tag:after{content: ""; position: absolute; top: -32px; right: -15px; width: 46.02px; height: 46.02px; background-image: url("../images/icon-check.svg"); background-position: center center; background-size: cover; background-repeat: no-repeat;}

#ventajas-comparativas .h2{margin-bottom: 100px;}
.wrapper-grid-ventajas-comparativas{max-width: 675px; margin: 0 auto; border: solid 3px #DEDEDE; border-radius: 52px;}
.grid-ventajas-comparativas{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-ventajas-comparativas-col{display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 25px 0;}
.grid-ventajas-comparativas-col.grid-ventajas-comparativas-col2{border-left: solid 3px #DEDEDE; border-right: solid 3px #DEDEDE;}
.grid-ventajas-comparativas-col .icon{margin-bottom: 14px;}
.grid-ventajas-comparativas-col h4{color: #F7A376; font-size: 21px; letter-spacing: -1.47px;}
.header-grid-ventajas-comparativas{display: grid; grid-template-columns: repeat(3, 1fr); max-width: 675px; margin: 0 auto; margin-bottom: 36px;}
.header-grid-ventajas-comparativas .item{display: flex; justify-content: center; align-items: center;}
.header-grid-ventajas-comparativas .item .logo-evacopa{width: 140px;}
.header-grid-ventajas-comparativas .item span{color: #868686; font-family: "Comfortaa", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -1.47px; line-height: 29px; text-transform: uppercase;}

/*QUE ES EVACOPA*/

.eva-results{background-color: rgb(210,193,225, 0.20); padding-top: 150px; margin-top: 50px;}
.eva-results h2{color: #632398;}
.eva-results .title-result{font-family: "Comfortaa", sans-serif; font-weight: 700 !important; font-size: 72px; line-height: 80px; color: #2BBAB4; text-align: center;}
.eva-results .label-result{font-family: "Comfortaa", sans-serif; font-weight: 700 !important; font-size: 32px; line-height: 35px; color: #2BBAB4; text-align: center;}
.eva-results .grid-ventajas-impacto-col{align-items: center;}
.eva-results .grid-ventajas-impacto-col3 .title-result{color: #DE0000 !important;}
.eva-results .grid-ventajas-impacto-col3 .label-result{color: #DE0000 !important;}
.wrapper-consideraciones{max-width: 1020px; margin-top: 78px;}
.wrapper-consideraciones h5{font-family: "Roboto", sans-serif; font-size: 16px; text-align: left; color: #707070; margin-bottom: 18px;}
.wrapper-consideraciones p{font-size: 12px; line-height: 16px; color: #707070;}

.wrapper-ventajas-impacto{max-width: 1080px; margin: 0 auto; border-radius: 52px;}
.grid-ventajas-impacto{display: grid; grid-template-columns: repeat(3, 1fr);}
.grid-ventajas-impacto-col{display: flex; justify-content: start; align-items: start; flex-direction: column; padding: 30px;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col1{background-color: #EBFDFD; flex-direction: row;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col1 > div{display: flex; align-items: center;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col1 .icon{width: 50px; margin-right: 9px;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col1 h4{color: #F7A376; font-size: 21px; letter-spacing: -1.47px;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col2{background-color: #EBFDFD;}
.grid-ventajas-impacto-col.grid-ventajas-impacto-col3{background-color: #FAFAFA;}

.ventajas-impacto .header-grid-ventajas-comparativas{max-width: 1080px; margin-bottom: 0;}
.ventajas-impacto .header-grid-ventajas-comparativas .item{background-color: #EBFDFD; padding: 60px 30px 25px 30px; justify-content: start;}
.ventajas-impacto .header-grid-ventajas-comparativas .item.item3{background-color: #FAFAFA;}
.ventajas-impacto .header-grid-ventajas-comparativas .item.brtl50{border-radius: 50px 0 0 0;}
.ventajas-impacto .header-grid-ventajas-comparativas .item.brtr50{border-radius: 0 50px 0 0;}
.ventajas-impacto .bbl50{border-radius: 0 0 0 50px;}
.ventajas-impacto .bbr50{border-radius: 0 0 50px 0;}
.ventajas-impacto .bblr50{border-radius: 0 0 50px 50px;}
.ventajas-impacto .header-grid-ventajas-comparativas .item.brtr5050{border-radius: 50px 50px 0 0;}
.img-copate-planeta{width: 390px; position: absolute; left: 50%; top: -68px; transform: translateX(-50%);}

/*COMO SE USA*/
.grid-como-se-usa{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 28px; max-width: 1084px; margin: 0 auto;}
.grid-como-se-usa .grid-como-se-usa-item img{border-radius: 36px; margin-bottom: 38px;}
.grid-como-se-usa .grid-como-se-usa-item .ratio{margin-bottom: 38px;}
.grid-como-se-usa .grid-como-se-usa-item video{border-radius: 36px;}
.grid-como-se-usa .grid-como-se-usa-item h3{text-align: left; color: #2BBAB4; margin-bottom: 14px; margin-left: 4px;}
.grid-como-se-usa .grid-como-se-usa-item p{font-size: 16px; line-height: 24px; margin-left: 4px;}
/*COMO SE USA*/

.calculator-container{padding-bottom: 125px; }
.calculator-options-container{position: relative; max-width: 948px; margin: 0 auto; margin-top: -10px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 18px;}
.calculator-options-container .calculator-item{display: flex; flex-direction: column; justify-content: space-between; height: 210px; border-radius: 24px; background-color: rgb(43,186,181, 0.20); padding: 20px;}
.calculator-options-container .calculator-item.bg-f7a376{background-color: rgb(247,163,118, 0.20) !important;}
.calculator-options-container .calculator-item h3{font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 400 !important; line-height: 25px; margin-bottom: 11px; letter-spacing: 0;}
.calculator-options-container .calculator-item h4{font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 400 !important;}
.calculator-options-container .calculator-item .small{font-size: 12px !important; line-height: 15px; margin: 30px 30px 0 0;}
.calculator-options-container .calculator-item:first-child{background-image: url("../images/calendario-01.svg"); background-repeat: no-repeat; background-position: 30px 54%; background-size: 14%;}
.calculator-options-container .calculator-item:nth-child(2){background-image: url("../images/toallita-01.svg"); background-repeat: no-repeat; background-position: 20px; background-size: 18%;}
.calculator-options-container .calculator-item:nth-child(3){background-image: url("../images/tampon-01.svg"); background-repeat: no-repeat; background-position: 20px; background-size: 18%;}

 .stepper-container {display: flex; align-items: center; justify-content: center;
}
.stepper-button {
    background-color: transparent; font-weight: 700; font-size: 34px;
    color: #707070;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin: 0 5px;
}
.stepper-input{width: 61px; text-align: center; border: none; height: 61px; border-radius: 16px; box-shadow: none !important; outline: none !important;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] { -moz-appearance:textfield;}

.range-container{display: flex; justify-content: space-around;}

.calc-impact{width: 710px; max-width: 100%; margin-top: 36px;}

/* Estilo básico del control deslizante */
input[type="range"] {
    -webkit-appearance: none; /* Quita el estilo predeterminado en WebKit */
    width: auto; /* Ancho completo */
    margin: 10.8px 0; /* Márgenes */
	background: none;
}

/* Pista del control deslizante */
input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    background: #169D97;
    border-radius: 5px;
    border: none;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
    background: #169D97;
}
input[type="range"]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    background: #169D97;
    border-radius: 5px;
    border: none;
}
input[type="range"]::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animate: 0.2s;
    background: #169D97;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

/* Pulgar del control deslizante */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 51px;
    width: 51px;
    border-radius: 50%;
    background-color: transparent;
    cursor: pointer;
    margin-top: -21px; /* Para alinear el pulgar con la pista */
    box-shadow: none;
	background-image: url("../images/icon-range.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;
}
input[type="range"]:focus::-webkit-slider-thumb {
    border: none;
}
input[type="range"]::-moz-range-thumb {
    border: none;
    height: 51px;
    width: 51px;
    border-radius: 50%;
    background-color: transparent;
	background-image: url("../images/icon-range.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;
    cursor: pointer;
}
input[type="range"]::-ms-thumb {
    border: none;
    height: 51px;
    width: 51px;
    border-radius: 50%;
    background-color: transparent;
	background-image: url("../images/icon-range.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;
    cursor: pointer;
}

input[type="range"]:focus {
    outline: none; /* Quita el borde de enfoque */
}

/*FAQS*/
#faq > .container{max-width: 1084px;}
.accordion-item{border-radius: 0 !important; border: none !important; border-bottom: solid 1px #9C77BC !important;}
.accordion-header{margin-bottom: 16.5px; margin-top: 28.5px;}
.accordion-button{padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; color: #2BBAB4; font-size: 32px; line-height: 34px; letter-spacing: -1.536px; transition: .3s !important;}
.accordion-button:hover{color: #632398;}
.accordion-button:focus{border-color: inherit !important; box-shadow: 0 0 0 0 !important;}
.accordion-button:not(.collapsed){background-color: transparent !important; box-shadow: 0 0 0 0 !important; color: #632398;}
.accordion-button::after{width: 0; height: 0; content: ""; background-image: none; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #2BBAB4; border-radius: 0px 0 0 0px; margin-right: 10px;}
.accordion-item:first-of-type .accordion-button{border-radius: 0 0 0 0 !important;}
.accordion-body{padding: 0 0 20px 0 !important;}
/*FAQS*/

/*FOOTER*/
footer{position: relative; width: 100%; background-color: #2BBAB4; display: flex; justify-content: center; align-items: center; padding: 33px 60px 30px 60px;}
footer .left-content{display: flex; justify-content: start; align-items: center; flex: 1;}
footer .center-content{display: flex; justify-content: center; align-items: center;}
footer .right-content{display: flex; justify-content: end; align-items: center; flex: 1;}
footer .right-content img{margin: 0 10px;}
footer .logo-fsc{width: 129.95px;}
footer .logo-apto-vegano{width: 145.17px; margin: 0 53px;}
footer .logo-bpafree{width: 182.36px;}
.img-wave{width: 100%; height: auto; margin-bottom: -2px; vertical-align: bottom;}

/*FOOTER*/

/*SHIPPING*/
.cart-shipping-title{border-bottom: solid 2px #2BBAB4; margin-bottom: 25px; padding-bottom: 18.5px; display: flex; align-items: end;}
.cart-shipping-title span{color: #2BBAB4; font-size: 21px; font-family: "Comfortaa", sans-serif; font-weight: 700; letter-spacing: -1.155px;}
.cart-shipping-title p{color: #6F7070; font-size: 16px; line-height: 28px;}
.cart-shipping-title img{margin-right: 10px;}
.cart-shipping-detalle-item{display: grid; grid-template-columns: 1fr 4fr 1fr 1fr; border-bottom: solid 1px #eee; margin-bottom: 15px; padding-bottom: 15px;}
.cart-shipping-detalle-item h2{text-align: left !important; font-weight: 400 !important; font-family: "Roboto", sans-serif !important;}
.cart-shipping-detalle-item div{display: flex; align-items: center;}
.cart-shipping-detalle-item .product-image img{width: 75px;}
.cart-shipping-detalle-item .product-delete{justify-content: center;}
.cart-shipping-detalle-item .product-delete .close{font-size: 32px; color: #632398;}
.form-control.inc-tooltip {
    width: calc(100% - 30px);
}
.form-control.form-control-lg{margin-bottom: 13px; border-radius: 16px; padding: 13px 20px;}

.form-control:focus {
    border-color: #02B900;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(2, 185, 0, .25);
}

.button-cart-shipping{display: block; font-family: "Comfortaa", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -1.47px; text-align: center; width: 100%; height: 61px; color: #FFFFFF; background-color: #02B900; border-radius: 16px; border: none; line-height: 61px; transition: .3s;}
.button-cart-shipping:hover{background-color: rgb(2,185,2, 0.85)}
.button-cart-shipping-2{color: #2BBAB4; background-color: #FFFFFF; border: solid 2px #2BBAB4; width: auto; display: inline-block; padding: 0 30px;}
.button-cart-shipping-2:hover{color: #FFFFFF; background-color: #2BBAB4;}

.cart-shipping-metodo-envio{border-bottom: solid 2px #2BBAB4; margin-bottom: 80px; padding-bottom: 35px;}

.cart-order-summary{border-bottom: solid 2px #2BBAB4; margin-bottom: 20px; padding-bottom: 20px;}
.cart-order-summary p{color: #6F7070; font-size: 16px;}
.text-term{margin-bottom: 20px;}
.cart-shipping small{font-size: 12px; line-height: 14px; color: #6F7070; display: block; margin-bottom: 12px;}
.cart-shipping small a{font-family: "Roboto", sans-serif; color: inherit;}

.cart-shipping h4{font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 700; line-height: 20px; margin-bottom: 5px; color: #6F7070; text-align: left !important;}
.cart-shipping-cards{border-bottom: solid 2px #2BBAB4; padding: 20px 0;}

.middle-line{width: 100%; text-align: center; border-bottom: 1px solid #DCDCDC; line-height: 0; margin: 10px 0 20px;}
.middle-line span{background-color: #FFFFFF; padding: 0 10px; font-size: 28px;}
/*SHIPPING*/

/*TOOLTIP*/
.tooltip > .tooltip-inner {border-radius: 10px; background-color: #6F7070; color: #FFFFFF; font-size: 14px; line-height: 14px; border:solid 1px #6F7070; padding: 10px; opacity: 1;}
.default-tooltip {
	display: block;
    width: 28px;
    height: 28px;
	background-image: url("../images/icon-tooltip.svg"); background-size: cover; background-repeat: no-repeat; background-position: center center; margin-left: 10px; margin-top: -11px;
}
/*TOOLTIP*/ 


#conoce-tu-talle .img-shape-1{position: absolute; top: 0; left: calc(11.584vw - 625.42px); width: 741.42px; opacity: 0.65;}
#conoce-tu-talle .img-shape-2{position: absolute; top: 0; right: calc(5.313vw - 415.42px); width: 525.51px;  opacity: 0.65;}

#que-es-evacopa .img-shape-3{position: absolute; bottom: -100px; left: calc(18.655vw - 875.42px); width: 919.83px;}
#que-es-evacopa .img-shape-4{position: absolute; top: 150px; right: calc(22.708vw - 1000.39px); width: 921.39px;}

@media (min-width: 1920px){
	.header-content .header-logo{margin: 22px 30px 0 30px;}
	.header-content .header-nav li{margin: 0 28px;}
	
	#hero .container-video{max-width: 1200px; margin-bottom: 69.7px;}
	#hero h3{margin-bottom: 48.9px;}
	
	#conoce-tu-talle .img-shape-1{left: -222.42px;}
	#conoce-tu-talle .img-shape-2{right: -102px;}
	
	#que-es-evacopa .img-shape-3{left: -358.17px;}
	#que-es-evacopa .img-shape-4{right: -436px;}
}

@media (max-width: 1185px){
	.header-content .header-nav{display: none;}
	#conoce-tu-talle .img-shape-1{display: none;}
	#conoce-tu-talle .img-shape-2{display: none;}
	
	#que-es-evacopa .img-shape-3{display: none;}
	#que-es-evacopa .img-shape-4{display: none;}
	
}

@media (max-width: 991px){
	#hero .container-video{max-width: 100%;}
	.grid-como-se-usa{grid-template-columns: repeat(2,1fr);}
	
	.ventajas-impacto .header-grid-ventajas-comparativas{grid-template-columns: repeat(2, 1fr);}
	.ventajas-impacto .header-grid-ventajas-comparativas .first-item{display: none;}
	.grid-ventajas-impacto{grid-template-columns: repeat(2, 1fr);}
	.grid-ventajas-impacto-col.grid-ventajas-impacto-col1{grid-column: 1/4; justify-content: center; background-color: #FFFFFF; border-radius: 0 !important;}
	.ventajas-impacto .item.second-item.brtr50{border-radius: 50px 50px 0 0 !important; justify-content: center !important;}
	.ventajas-impacto .item.third-item.item3.brtr5050{justify-content: center; text-align: center;}
	.ventajas-impacto .header-grid-ventajas-comparativas .item{padding: 45px 30px 25px 30px;}
	
	footer{flex-direction: column;}
	footer .center-content{margin: 30px 0;}
	footer .logo-fsc{width: auto; height: 50px;}
	footer .logo-apto-vegano{margin: 0 20px; width: auto; height: 30px;}
	footer .logo-bpafree{width: auto; height: 30px;}
}

@media (max-width: 767px){
	.openmenu{left: 15px;}
	.main-header .dropdown{right: 0;}
	.main-header .btn-buy{right: 15px; top: 24px;}
	
	.calculator-container{max-width: 100%;}
	.calculator-options-container{grid-template-columns: repeat(1, 1fr);}
	.calc-impact{width: 100%;}
	
	#que-es-evacopa .container-tags{grid-template-columns: repeat(1, 1fr); max-width: 90%; margin: 0 auto; margin-top: 54px; grid-gap: 35px;}
	
	.eva-results .title-result{font-size: 40px; line-height: 44px;}
	.eva-results .label-result{font-size: 18px; line-height: 20px;}
	
	.grid-medidas-y-capacidades{flex-direction: column; align-items: center; justify-content: center;}
	.grid-medidas-y-capacidades .grid-medidas-y-capacidades-item{margin: 10px 0;}
	
	.calculator-container{padding-bottom: 80px;}
	.eva-results{padding-top: 100px;}
	.img-copate-planeta{width: 300px; top: -55px;}
}
@media (max-width: 575px){
	
	.header-content{justify-content: start;}
	.header-content .header-logo{margin-left: 50px; display: inline-block;}
	
	.btn-{min-width: 250px; padding: 0 20px;}
	
	#hero .h2{margin-top: 50px;}
	.icon-down{width: 65px;}
	
	.grid-size{grid-template-columns: repeat(1,1fr); grid-gap: 50px;}
	
	.grid-size .grid-size-item .img-box{max-width: 250px;}
	.grid-size-item.align-items-start{align-items: center !important;}
	#conoce-tu-talle .product-description{margin-left: 0;}
	.buy-product button{padding: 17px 40px 14px 40px;}
	
	#conoce-tu-talle .nav-pills .nav-link{font-size: 15px; letter-spacing: -1px; padding-top: 15px;}
	#conoce-tu-talle .nav .nav-item{margin-left: 0; margin-right: 0; margin-bottom: 20px;}
	
	.tab-content .grid-size{grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
	.tab-content .grid-size .grid-size-item .img-box{max-width: 100%;}
	.tab-content .buy-product button{padding: 12px 10px 10px 10px; font-size: 15px;}
	.tab-content .container-icon-copa{width: 25px; margin-right: 0;}
	.tab-content .container-icon-copa .size-number{font-size: 13px; top: 7.1px; left: 9px;}
	
	.header-grid-ventajas-comparativas{margin-bottom: 15px}
	.header-grid-ventajas-comparativas .item .logo-evacopa{width: 80px;}
	.header-grid-ventajas-comparativas .item span{font-size: 14px; letter-spacing: -0.47px; line-height: 16px;}
	.grid-ventajas-comparativas-col .icon{width: 46px;}
}

@media (max-width: 320px){
	.btn-{min-width: inherit; padding: 0 15px;}
	.header-content .header-logo{width: 97.21px; margin: 25px 0 0 0; margin-left: 45px;}
	.grid-ventajas-comparativas-col h4 {font-size: 14px; letter-spacing: -1px; }

}