/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}
strong{font-weight: 700}


*{box-sizing: border-box;}


.text-center{text-align: center;}


body{display: flex; flex-direction: column; min-height: 100vh;
  font-family: "Noto Sans", serif;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #333;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
 
}

.wrapper{ width: 100%;display: block;padding: 0 20px; margin: 0 auto}

@media( min-width: 1170px){
	.wrapper{max-width: 1170px;}
}

.top-bar{padding: 8px 0}
.top-bar .wrapper{display: flex;justify-content: space-between; align-items: center;}

.top-bar .btn-yellow{display: none;}
.slider{background: url(../imagenes/mobile-cabecera.jpg)no-repeat top center #7b818d;
 min-height: 310px; color: #FFF;  font-size: 1rem; font-style: normal; font-weight: 400; padding: 265px 20px 20px; }

.slider .wrapper{padding: 0}
.slider .text{display: flex; flex-direction: column;align-items: center;}
.slider .title{color: #FFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family:"Noto Serif", serif;
font-size: 1.57rem;
font-style: italic;
font-weight: 700;
}


.title-normal{font-size: 18px;
text-align: center; margin-bottom: 10px}

.title-meses-n{font-size: 90px;
text-align: center;font-weight: 800;line-height: 0.75;}

.title-meses{font-size: 30px;
text-align: center;line-height: 0.9;font-weight: 800;}

.line{margin: 10px 0;}



.slider-productos{max-width: 300px; width: 100%; margin: 10px auto; display: block}


.logo-month{max-width: 175px; width: 100%; margin: 5px auto; display: block}

.logo-month-desktop{display: none;}
.bolas-promo{
  display: flex;
}
.bolas-promo img{max-width: 100px}




@media(min-width: 768px){

	.top-bar{padding: 8px 0 0 }
  .top-bar.fixed {position: fixed;top: 0; left: 0; right: 0; box-shadow: 0px 4px 4px 0px #00000040;z-index: 9999;
        padding: 10px;
        background: white;
}
  .top-bar.fixed .btn-yellow{display: block;}

	.slider{min-height: 380px;background: url(../imagenes/desktop-cabecera.jpg)no-repeat center bottom #7b818d;font-size: 1.5rem; padding: 0; position: relative;}
	.slider:before{
		content: "";
		width: 100%; 
		height: 21px;
		background: white;
		position: absolute;top: -1; left: 0
	}

	.title-normal{color: #333;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal; text-align: left;}
	

	.slider .title{
		color: #000;
		text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		font-family: "Noto Serif", serif;
		font-size: 35px;
		font-style: italic;
		font-weight: 700;
		line-height: 113%;
		background: transparent;
		margin-bottom: 15px
	}
	.slider .wrapper{ padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        z-index: 1;
        position: relative;}

    .slider .text{ position: relative;
        justify-content: flex-start;
        min-height: 380px;
         position: relative; padding: 30px 10px 0 10px;

    }
    .slider-productos{display: none;}
    .logo-month{display: none;}
    .logo-month-desktop{display: block;max-width: 150px; width: 100%; position: absolute;top: 28px ;right: 20px }
    
}


@media(min-width: 1024px){
	.logo-month-desktop{display: block;max-width: 275px; width: 100%; position: absolute;top: 28px ;right: 20px }
	.slider .text{
      position: relative; padding: 45px 50px 10px 10px;

    }
  .bola-fin{position: relative; left: -20px}
  .bolas-promo img {
    max-width: 150px;
}

}

.form{
	border-radius: 10px;
	background: #1E1E1E;
	padding: 20px 25px 35px;
}

.form .title-form{color: #F5CA4B;
font-family: "Noto Serif", serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
text-align: center;margin: 0 0 20px }
.form form {
	color: #F5CA4B;
	
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	display: flex;
	flex-direction: column;
}

.form form input[type="text"], .form form input[type="tel"]{
	height: 40px;
	color: #1E1E1E;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0 10px;
	border-radius: 5px;
	margin: 0 0 15px;
	border: none;
}
.form form select{height: 40px;
	color: #1E1E1E;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 0 15px 0 10px;
	background: url(../imagenes/arrow-black.svg) no-repeat center right 10px #fff;
	border-radius: 5px;
	margin: 0 0 15px;
 	border:none;
}
.form form input[type="button"]{
	border-radius: 20px;
background: #000;
color: #FFF;

font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal; 
height: 40px;
max-width: 175px;
background: url(../imagenes/arrow-white.svg)no-repeat center  right 25px #F5CA4B;
    border: none;
    margin: 20px auto 0;
    width: 100%;
}


.form label {
    padding: 0 0 0 24px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 0 10px;
}
.cust-checkbox {position: relative;}
.cust-checkbox input[type='checkbox'] { width: 1px; height: 10px; opacity: 0;cursor: pointer;}
.cust-checkbox>span { position: absolute; width: 15px;height: 15px; background: #fff; border: 1px solid #fff; border-radius: 2px; left: -22px;top: 0;}	
.form label>span { font-size: 12px;line-height: 1.2;}
.form label>span a{ font-size: 12px;line-height: 1.2; color: #F5CA4B;}

.cust-checkbox span::after {    content: "";    position: absolute;        bottom: 9px;
    left: -1px;   width: 0;    height: 0;    border-right: 3px solid transparent;    border-bottom: 3px solid transparent;    transform: rotate(45deg);    transform-origin: bottom left;}
.cust-checkbox input[type='checkbox']:checked + span::after {    animation: checkbox-check 125ms linear forwards;}



@media(min-width: 768px){
	.form{max-width: 307px; min-height: 380px;border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;}

}

main section{padding: 60px 0}

.bg-dental{
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(237,237,237,1) 30%, rgba(237,237,237,1) 100%);
	/*background:url(../imagenes/fondo.jpg)no-repeat top 215px center #fff; */

}

.title-section{color: #333;
text-align: center;
font-family:"Noto Serif", serif;
font-size: 25px;
font-style: italic;
font-weight: 700;
line-height: 105.062%; /* 31.519px */
margin: 0 0 15px;
text-align: center;}



@media(min-width: 768px){
	.title-section {font-size: 25px;}
    .title-meses-n{font-size: 120px;}

.title-meses{font-size: 40px;}
.line{margin: 15px 0;}
}


.items-fade{display: flex; justify-content: center; align-items: center; grid-gap: 20px;     flex-wrap: wrap;
    max-width: 925px;
    margin: 40px auto;}
.item-fade{
	position: relative;border-radius: 10px;
overflow: hidden;max-width: 172px; max-height: 172px; flex-shrink: 0; 
}
.item-fade .fade-txt{position: absolute;top: 0; left: 0; width: 100%; height: 100%;background: #F5CA4B; z-index: 1; color: #000;
text-align: center;
font-size: 18px;
font-weight: 600;
line-height: 102%; /* 18.36px */; display: flex; flex-direction:  column; align-items: center; justify-content: center; grid-gap: 20px; transition: 0.5s ease all}
.item-fade:hover .fade-txt{opacity: 0}


.overflow{width: 100%; overflow: auto;}
.items-icons{display: flex; justify-content: space-between; align-items: flex-start;grid-gap: 20px; margin:40px 0 0 }

.item-icon{color: #333;

font-size: 14px;
font-weight: 400;
line-height: 102%;
background: #FFF;
box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.15);
max-width: 265px;
margin:10px 0;
display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 30px 20px;
    position: relative;
    min-height: 305px
}

.item-icon img{margin: 0 0 10px}

.item-icon .title{color: #333;
text-align: center;
font-family: "Noto Serif", serif;
font-size: 18px;
font-style: italic;
font-weight: 600;
line-height: 102%; /* 18.36px */ margin-bottom: 15px}

@media(max-width: 1023px){
	.items-icons{flex-wrap: wrap; justify-content: center;}
}
@media(max-width: 767px){
	.items-icons{flex-wrap: nowrap; width: 1170px}
	.item-fade .fade-txt {font-size: 14px; }
	.item-fade{max-width: 150px; max-height: 150px}
  .cust-checkbox>span{border: 1px solid #000;}
  .form form input[type="text"], .form form input[type="tel"],.form form select{border: 1px solid #CFCDCD}
  .form form input[type="button"]{padding: 5px 18px;
    border-radius: 20px;
    border: 1px solid #000;
    background: #F5CA4B;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    border: none;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;}
}

.slider-clinicas{max-width: 1100px; margin: 0 auto;}
.item-clinica{display: flex; flex-direction: column;width: 100%; border-radius: 10px;
background: #FFF;
box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 20px; min-height: 485px}
.item-clinica .nombre{color: #333;
font-family: "Noto Serif", serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
width: 100%;
line-height: 102%; /* 18.36px */; padding: 0 20px; margin: 20px auto;    min-height: 37px;}
.item-clinica img{border-top-right-radius: 10px; border-top-left-radius: 10px}
.item-clinica ul{
	display: flex; flex-direction: column;
	padding: 0 20px;
	min-height: 218px;
}
.item-clinica li{display: flex; 
	justify-content: space-between; 
	align-items: flex-start;
	color: #333;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 102%;margin: 0 0 20px}
.item-clinica li:first-of-type{min-height: 85px}
.item-clinica li>div{display: flex;flex-direction: column; flex-shrink: 0; flex-basis:80%;}


.item-clinica li strong{
	color: #F5CA4B;

font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 102%; /* 14.28px */

}
.btn-clinica{border-radius: 20px;
    color: #FFF;
    
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    height: 40px;
    background: url(../imagenes/arrow-white.svg) no-repeat center right 25px #000;
    border: none;
    padding: 0 20px;
    margin: 20px auto 10px;
    width: 90%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
}

.slider-clinicas .slick-slide{padding: 0 7px; width:237px }
.slider-clinicas .slick-arrow{width: 33px;position: absolute;top: 0; left: 0; height: calc(100% - 20px);border-radius: 10px;z-index: 99;}
.slider-clinicas .prev{background: url(../imagenes/arrow-white-small-left.svg)no-repeat center center #EDEDED;left: -30px}

.slider-clinicas .next{background: url(../imagenes/arrow-white-small-right.svg)no-repeat center center #F5CA4B;left: unset;right: -3px; box-shadow: -20px 0px 8px 2px rgba(0, 0, 0, 0.15)}



@media(max-width: 767px){
	.slider-clinicas .slick-arrow {width: 20px;}
	.slider-clinicas .prev{left: -15px}
	.slider-clinicas .next{right: -12px}
	.slider-clinicas{max-width: 95%}

}

.bg-grey{background: #F6F6F6;}

footer{background: #F5CA4B;padding: 15px 0 50px }
footer .wrapper{display: flex; flex-direction: column;    align-items: center;}
footer .txt{display: flex;flex-direction: column;justify-content: center; color: #1E1E1E;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;}
footer .txt .legales{display: flex; flex-wrap: wrap;grid-gap: 10px;margin: 0 0 10px }
.legales a{color: #1E1E1E; font-weight: 700 }
@media(min-width: 767px){
	footer .wrapper{ flex-direction: row; justify-content: space-between; align-items: center;}
	footer .txt{align-items: flex-end;}
}

form {position: relative;}



@media(max-width: 767px){


	form .close{position: absolute;
            top: -103px;
        right: -21px; 
    display: block;

}
	.form{position: fixed;
        top: 16%;
        width: 100%;
        max-width: 330px;
        left: calc(50% - 165px);
        background: #fff;
        z-index:9999;display: none;}


/*form .close{display: none;}*/

  .slider .text{background: #F4F5F7BF;
    border-radius: 8px;
    padding: 20px; color: black; align-items: stretch;}
    .slider .text>div{
      margin: 10px auto 0;
        position: relative;
        padding: 10px 10px 0;
        width: 100%
    }
    .slider .text>div:before{
      content: "";
      width: 225px;
      height: 0;
      border-top: 2px solid #000;
      position: absolute;
      top: 0;
      left: calc(50% - 112px)

    }
    .slider .title{color: #000; text-shadow: none; 
     font-family:"Noto Sans", serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
    }
    .slider .btn-yellow{  max-width: 170px;
        border: none;
        margin: 0 auto;
        min-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center; margin:14px auto 0;color: #fff; background:#1E1E1E}
    .title-meses-n{margin:7px 0; }
    .title-meses{line-height: 1.2}
    .title-normal{line-height: 1.2}
}
}


}



.modal__filter, .modal__filter-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:100;
  /*background-color: rgba(0,0,0,.5);*/
  background-color: rgba(255,255,255,1);
  display: flex;
  justify-content: center;
  align-items: center;
  display: none; }

.modal__open {
  overflow: hidden;
  touch-action: none; }

.modal__wrapp {
  display: none;
  position: fixed;
  width: 100%;
    height: 80%;
  z-index: 99999;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background: transparent; padding: 0 80px;}


  .modal__wrapp .modal__inner {
    width: 100%;
    min-height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
     }
     .modal__wrapp .modal {
      
        
        overflow: auto;
           width: 70%;
    height: 80vh;
    margin: 0 auto;
        padding: 40px;
    display: block;
    position: relative;
    background: white;
    border-radius: 30px
     }
  .modal__wrapp .modal .close-modal {;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    display: block;
    position: absolute;
        top: 19px;
    right: 26px;
       /* width: 23px;
    height: 23px;
        background: url(../imagenes/icon-close-white.svg) no-repeat center center;
  background-size: contain;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__wrapp .modal-heading{padding: 15px 0; font-size: 30px; font-family: "Noto Serif", serif; font-weight: 700 }
.modal__wrapp .modal-heading p{margin-bottom: 0}

.modal__wrapp .modal-body{
   background: white;
  padding: 20px 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
 }
 .modal__wrapp .modal-body a{color: #333}

 
@media(max-width: 767px){
    .modal__wrapp{padding:0 20px}
/*    .modal__wrapp .modal{max-height: 100vh; height: 300px;}*/
/*    .modal__wrapp .modal .modal-body iframe{
        width: 100%;
        height: 204px;
    }*/
    .modal__wrapp .modal {
      padding:20px;
      margin: 5px auto;
      height: 90vh;
      width: 100%;	
}
.line, .line-2{display: none;}
}


@media(min-width: 767px){

    .modal__wrapp {margin: 20px auto ; }
    .slider .btn-yellow{display: none;}
}



ul[type="disc"]{list-style: disc;padding: 10px 0 10px 20px}

.btn-fixed{
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
  padding: 8px;
}
.btn-fixed a{    display: inline-block;
    width: 50%;
    padding: 10px;
    border-radius: 20px;
    border:1px solid #000;
    background: #F5CA4B;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    margin:0 auto;
    display: block;
}
@media(min-width: 768px){
  .btn-fixed{display: none;}
  .form .close{display: none;

  }
}

.btn-yellow{ padding: 5px 18px;
    border-radius: 20px;
    border:1px solid #000;
    background: #F5CA4B;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    display: block;}

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    border-color: #000000;
    transform: rotate(45deg) translate(4px, 8px);
    opacity: 0; }
  30% {
    opacity: 1;
    width: 0; }
  50% {
    width: 8px;
    height: 0;
    transform: rotate(45deg) translate(0, 0); }
  100% {
    width: 8px;
    height: 16px;
	border-color: #000000; } 
}


.cta-whatsapp{position: fixed; bottom: 8%; right: 8%;display: flex;flex-direction: column;color: #FFF;    align-items: flex-end;
text-align: center;
font-family: "Noto Serif", serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 19.8px */ max-width: 310px; z-index: 9999;filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.50));
}
.cta-whatsapp p{margin: 0 0 15px}
.cta-whatsapp .close-wh{    position: absolute;
    top: 10px;
    right: 10px; display: inline-block;}
.cta-whatsapp .box-wh{border-radius: 10px;padding: 20px 20px 50px;
background: #F5CA4B;display: none;}


.btn-black{border-radius: 20px;
    color: #FFF;  
     font-family:"Noto Sans", serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    min-height: 40px;
    background: url(../imagenes/arrow-white.svg) no-repeat center right 25px #000;text-decoration: none;
    border: none;
    padding: 5px 40px 5px 20px;
    margin: 5px auto;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    
}
.cta-whatsapp .trigger-wh{/*filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.50));  */  padding: 5px; background:#F5CA4B; border-radius: 50%;     width: 76px;
    height: 76px;
    display: flex; position: relative; top: -36px; right: 10px}

@media(max-width: 767px){
  .cta-whatsapp{  bottom: 3%;
    right: 0.5%;}
}

.legal{font-size: 13px; /*text-align: center;*/padding: 20px 0 20px}

.legal a{color: #333}




.title-ventajas{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0;
    font-weight: 600;
    

}

.title-ventajas img{
    padding-left: 20px;
    border-left: 2px solid #F4CE56;
}



.title-ventajas .title-section {
    margin: 0;
    padding-right: 20px;
}

.ventajas{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px 0;
    flex-wrap: wrap;
}

.item-ventajas{
flex-basis: 25%;
font-size: 18px;
    text-align: center;
    font-family: "Noto Serif", serif;
    font-weight: 700;
    font-style: italic;
   padding: 0 40px;
}



.item-ventajas-texto{
    flex-basis: 50%;
    text-align: left;
    font-size: 35px;
     font-family: "Noto Serif", serif;
    font-weight: 700;
    font-style: italic;
    padding: 40px 0 ;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.item-ventajas-texto .img-club{margin: 0 30px 0 0 }
.item-ventajas-texto div{display: flex; flex-direction: column; 
  border-left: 2px solid #F5CA4B; color: #F5CA4B;padding: 0 0 0 30px}

.item-ventajas-texto strong{font-size: 45px}


.item-ventajas-texto .precio{
    font-size: 55px;
    color: #000;
    line-height: 0.7;
}


.item-ventajas p{position: relative;}


.item-ventajas sup{
    font-size: 10px;
    color: #F5CA4B;
    position: absolute;
}

hr{
   border: 1px solid #F4CE56;

}

.indice{
    padding: 20px 0;
      font-size: 14px;
     
    font-weight: 700;

}

.indice span{
    color:#F5CA4B ;
}

@media(max-width: 1024px){
  .ventajas{justify-content: center;}
  .item-ventajas{flex-basis: 49%}

}

@media(max-width: 767px){

    .title-ventajas{
        flex-direction: column-reverse;
    }
    #form{display: none;}

    .title-ventajas img{
        padding: 0;
                margin-bottom: 30px;
        border: 0;
    }

    .ventajas{
        margin: 0;
    }

    .item-ventajas{
        margin: 30px 0;

        padding: 0;
    
    }

    .item-ventajas-texto{
        text-align: center;
        padding: 0;
        margin: 30px 0;
        flex-basis: 100%;
        justify-content: center;
        flex-direction: column;

    }
    .item-ventajas-texto div{border-top: 2px solid #F5CA4B; border-left: none;        align-items: center;}
    .item-ventajas-texto .img-club{margin: 0 0 10px}
    .item-ventajas-texto .precio {font-size: 42px;}

}

@media(min-width: 1100px){
  .bolas-promo img{max-width: unset;}
}

.box-promo{background: white;font-size: 16px; padding: 10px; color: #757c80; text-align: center;    
    line-height: 1;  border-radius: 50%;     padding: 15px;
    width: 250px;}
.box-promo .title-meses-n{font-size: 100px; color: #e7cb5e;margin: 10px auto 0;
    letter-spacing: -8px;}
.box-promo .title-meses-n span{font-size: 50px; margin-left: 5px}
.box-promo .title-meses{font-size: 20px;
    color: #e7cb5e;
    margin: 5px auto 10px;padding: 0 0 0 10px}
.box-promo strong{color: #000; font-size: 30px}

.box-promo-2{background: #e7cb5e; text-align: center; border-radius: 50%;     padding: 15px;
    width: 250px;    left: -17px;
    position: relative;}
.box-promo-2 strong{display: flex;flex-direction: column;color: black}
.box-promo-2 strong>small{font-size: 70%}
.box-promo-2 img{max-width: 150px; width: 100%}
.title-kit{color: #fff; font-size: 20px; }
.title-kit-regalo{font-size: 30px; }
.mas-promo{    position: absolute;
    font-size: 75px;
    color: black;
    width: 40px;
    top: calc(50% - 55px);
    left: calc(50% - 37px);
    z-index: 10; }

    .inner-promo{display: flex; position: relative; transform: scale(0.9);}

    .icons-text{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 10px;
      padding-top: 85px;
    }
    .ico-element{
      display:flex;
      flex-direction: row;
      align-items: center;
      gap:10px;
    }
    .ico-element p{
      color: #000000;
      font-weight:700;
      font-size:22px;
    }
    .ico-element span{
      font-size:20px;    }
    .text-ico1{
      max-width:185px;
    }
    .text-ico2{
      max-width:210px;
    }
    .text-ico3{
      max-width:155px;
    }
    @media(max-width: 768px){
      .ico-element p, .ico-element span {font-size:14px;}
    }

    @media(max-width: 767px){
      
      .box-promo, .box-promo-2{border-radius: 0;
        flex-shrink: 0;
        flex-basis: 50%;}
      .box-promo-2{left: 0}
      .box-promo strong{font-size: 20px}
      .box-promo .title-meses-n{font-size: 60px}
      .box-promo .title-meses{font-size: 16px}
      .title-kit{font-size: 16px}
      .title-kit-regalo { font-size: 20px;color: #fff}
      .box-promo-2 img{width: 100%}
      .inner-promo{transform: scale(1);}
      .box-promo{font-size: 12px}
      .box-promo .title-meses-n span{font-size: 34px}
      .mas-promo{left: calc(50% - 16px);}
      

    }
     @media(max-width: 425px){
      .icons-text{
        padding-top:8px;
      }
     }