@charset "utf-8";
/* CSS Document */
.sinte_1 {background: url(iconos/sinte_name.svg) no-repeat;
    background-position: bottom;
    background-size: 44%;
    background-position-y: 260px;}
	
 
 .info_yonko_1 {background: url(iconos/iy.svg) no-repeat;
    background-position: bottom;
    background-size: 35%;
    background-position-y: 240px;}
.altura_imagenes { height:600px;}
.infoyonko1 {    margin-top: 1.2em;    text-align: center;}
.tamano_infoyonko1{width: 500px;}
.arque_name {padding: 1em 0 0 0; }
.arque {    width: 100%;
    flex: 0 0 100%;
    margin: 0 auto;
    height: 12em;}
.arque2 {    width: 100%;
    flex: 0 0 100%;
    margin: 0 auto;
    height: 15em;}
.rombos_tam { width:75%;}

.lista_deseos {margin: 1em auto;
    text-align: center;
    width: 50%;
    font-size: 18px;
    line-height: 1.1em;}
.margensuperior_recap {padding: 1em 0 0;}
input[type=checkbox]
{
  /* Doble-tamaño Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari y Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding: 10px;
}

.mycheck2 {
      cursor: pointer;
      background-color: #fff;
      color: #fff;
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
      width: 24px;
      height: 24px;
      appearance: none;
      border: 2px solid #CEA24B;
      background-position: 0 -2rem;
      background-size: 100%;
      background-repeat: no-repeat;
      transition: all 0.2s ease-in-out;
    }

    .mycheck2:checked {
      background-color: rgb(75, 156, 13);
      color: rgb(75, 156, 13);
      background-position: 0 0;
    }



.col-md-6 {
  flex: 0 0  100%;
   max-width: 700px !important;
    margin: 0em auto !important;
}

.col-md-3 {
    flex: 15% 0 0;
    max-width: 15%;
	display: flex;
  justify-content: center;
} 

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
     padding:  0;  
}
.bonus_margen { padding:2em 0}
.container {width: 100% !important;    max-width: 100% !important;     margin: 0 auto;}
.ifundamentosmasmeta{width: 100%;  }
.ifundamentosmasmeta img{ width: 70%;    vertical-align: bottom;  }


.ifundamentosmasmetanegro{width: 100%; padding: 1em 0 1em 0;}
.ifundamentosmasmetanegro img{ width: 40%;  }

.flex-container08082023 {
  display: flex;
  align-items: stretch;
 /* background-color: #f1f1f1;*/
}

.flex-container08082023 > div {
  /* background-color: #ccc; 
  color: white;*/
  width: 100%;
  margin: 5px 5px 15px 5px;
  text-align: left;
  line-height: 1.4;
  
}


.h1_recap {padding: 0.7em 0 0 0;font-family: 'EurostileExtendedBlack';letter-spacing: 2px !important;     font-size: 200%;}
.parrafoantesboton {width: 70%;margin: 0 auto;padding: 1em 0 0 0;}
.botoncontinuarrojo { padding: 1em 0 0 0;	 width:300px; margin:0 auto;}

.ancho0 { width:0%;}
.ancho100 { 	width: 100%;    flex: 0 0 100%;    max-width: 70%;    margin: 0 auto;}

.ancho100_b { 	width: 100%;    flex: 0 0 100%;    max-width: 95%;    margin: 1em auto;}
.ancho100_c { 	width: 100%;    flex: 0 0 100%;    max-width: 100%;    }
.ancho70{ 	width: 70%; margin: 1em auto;}
.ancho80{ 	width: 80%; margin: 1em auto;}

.tamano50porciento_margen1em {width: 50%;    margin: 0em auto;    }
.tamano70porciento_margen1em {width: 70%;    margin: 0em auto;      }


/*  */

borde_dorado_vertical { 
border-left:1px solid #CEA24B ;
border-right:1px solid #CEA24B;
}


.textorojo { color:#8361FF !important;}
.textorojoh2 {        
    
    margin-bottom: 0;
    line-height: 0.7;
    letter-spacing: 0px !important;
	font-size:2em;
    font-family: 'ACaslonPro-Regular';
    font-style: italic;}
	
.textobeige { color:#FFFFD9 !important;}
.textobeigeh2 {       
     font-family: 'ACaslonPro-Regular';
	 font-style: italic;
    margin-bottom: 0;
    line-height: 0.7;
    letter-spacing: 0px !important;
	font-size:2em;}
.texto_encabezado_cursiva {font-style: italic;
    font-family: 'ACaslonPro-Regular';
    font-weight: lighter;
	letter-spacing:0px !important;}
.margin2mauto { margin: 2em auto;}
.margin1mauto { margin: 1em auto;}
.margin1emtop { margin-top:0.5em}
.padding1em01em0 { padding:1em 0 1em 0;}
.padding1em000 { padding:1em 0 0em 0;}
.margenfinalcero { margin-bottom: 0; }
.fondo_i {
	
	background: url(iconos/fondo_vi.svg) center no-repeat;
    background-size: 95%;
}

.fondo_dp {
	
	background: url(iconos/fondo_dp.svg) center no-repeat;
    background-size: 15%;
}

.fondo_dp_2 {
	
	background: url(iconos/fondo_dp.svg) center no-repeat;
    background-size: 60%;
}

.fondo_mm {
	
	background: url(iconos/fondo_mm.svg) center no-repeat;
    background-size: 15%;
}


.fondo_mm_2 {
	
	background: url(iconos/fondo_mm.svg) center no-repeat;
    background-size: 60%;
}

.fondo_ap {
	
	background: url(iconos/fondo_ap.svg) center no-repeat;
    background-size: 15%;
}


.fondo_ap_2 {
	
	background: url(iconos/fondo_ap.svg) center no-repeat;
    background-size: 60%;
}

.margen1emcentrado { padding: 1em 0 !important;}

.margin2mauto_btn_l9 {margin: 0 0 1em auto;} 

.fondo_bottom { background-position:bottom;}
.fondo_centro { background-position:center;    background-position-y: 250px;}
ul {
  list-style: none;
}

ul li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
  font-size:3em;
}

@media only screen and (max-width: 5000px) and (min-width: 1001px) {
	
 
 .textorojoh2 {      }
 .textobeigeh2 {     }
 
 }
@media only screen and (max-width: 1000px) and (min-width: 576px) {
 .ifundamentosmasmeta img {
    width: 70%;
	margin: 0 auto;
	 
}
.ancho100 { 	 max-width: 100%; }


 }
 
@media only screen and (max-width: 950px) and (min-width: 576px) {
  
 .textorojoh2 {     font-size: 1.9em; }
 .textobeigeh2 {     font-size: 1.9em;}
 }
@media only screen and (max-width: 735px) and (min-width: 576px) {
  
 .textorojoh2 {     font-size: 1.5em; }
 .textobeigeh2 {     font-size: 1.5em;}
 .tamanotexto1_1_recap {     font-size: 1.1em !important;}
 }
@media only screen and (max-width: 575px) and (min-width: 441px) {
 .ifundamentosmasmeta img {
    width: 80%;
	margin: 0 auto;
	padding: 0;
	 
}
.bonusmovil {margin: 2em 0 0 0}
.ancho100 { 	 max-width: 100%; }

 .textorojoh2 {     font-size: 1.4em !important; }
 .textobeigeh2 {     font-size: 1.4em !important;}
 
.margensuperior_recap {padding: 3em 0 0;}

 .tamanotexto1_1_recap {    font-size: 1.1em !important;}

 }
 @media only screen and (max-width: 440px) and (min-width: 341px) {
.ancho100 { 	 max-width: 100%; }
 
 .ifundamentosmasmeta img {
    width: 80%;
	margin: 0 auto;
	padding: 0 0 0 0;
	 
}
 .textorojoh2 {     font-size: 1.15em !important; }
  .bonusmovil {margin: -1em 0 0 0}
 .bonus_margen {
    padding: 4em 0 1em;
}

.margensuperior_recap {padding: 3em 0 0;}

 .tamanotexto1_1_recap {
    font-size: 1.1em !important;
}
 }
 @media only screen and (max-width: 340px) and (min-width: 321px) {
.ancho100 { 	 max-width: 100%; }
 
 .ifundamentosmasmeta img {
    width: 80%;
	margin: 0 auto;
	padding: 1em 0 1em 0;
 
}
 .textorojoh2 {     font-size: 1.1em !important; }
 
 
 .bonusmovil {margin: 3em 0 0 0}
 .bonus_margen {
    padding: 0em 0 1em;
}
.margensuperior_recap {padding: 3em 0 0;}
 }
 
 
 @media only screen and (max-width: 320px) and (min-width: 5px) {
.ancho100 { 	 max-width: 100%; }

.ifundamentosmasmeta img {
    width: 80%;
	margin: 0 auto;
	padding: 3em 0 1em 0;
 
}
.textorojoh2 {     font-size: 0.9em !important; }
.margensuperior_recap {padding: 3em 0 0;}

 }
 
  @media only screen and (max-width: 240px) and (min-width: 5px) {
.ancho100 { 	 max-width: 100%; }

.margensuperior_recap {padding: 3em 0 0;}

 }
 
  @media only screen and (max-width: 1000px) and (min-width: 736px) {
.margensup_2em_margeninf_2em {margin: 0 auto !important;}
  .tamanotexto1_1_recap {     font-size: 1.1em !important;}
 }
   @media only screen and (max-width: 735px) and (min-width: 601px) {
 
 .lista_deseos { 
    width: 60%;
 
    line-height: 1em;}
 
 }
 
   @media only screen and (max-width: 600px) and (min-width: 520px) {
 
 .lista_deseos { 
    width: 70%;
 
    line-height: 1em;}
 
 }
 
   @media only screen and (max-width: 519px) and (min-width: 200px) {
 
 .lista_deseos { 
    width: 90%;
  }
 
 }
 
 
  @media only screen and (max-width: 950px) and (min-width: 5px) {
.tamano50porciento_margen1em {    width: 70%; }
.fondo_bottom {    background-position: center;}
.textorojoh2 {
 
  
    font-family: 'ACaslonPro-Regular';
    font-style: italic;
}
.parrafoantesboton {width: 90%;margin: 0 auto;padding: 1em 0  0 0;}
 }
 @media only screen and (max-width: 576px) and (min-width: 5px) {
 .textobeigeh2 {       
    line-height: 0.7;
   	font-size:1.15em;}
  .ancho80 {
    width: 90%; }
	
	.arque_name {padding: 3em 0 0 0; }
	.lista li {
 
    font-size: 0.85em !important;
}
 }
 
   @media only screen and (max-width: 1000px) and (min-width: 0px) {
.col-md-3 {display:none; }
  
.ancho70 { width: 95%;	 max-width: 95% !important;}

.margen1emcentrado {    padding: 1em 0  !important;}

 }
  @media only screen and (max-width: 700px) and (min-width: 576px) {
 .h1_recap {
   
    font-size: 150% !important;
}
.margen1emcentrado {    padding:  1em 0  !important;}
 }
 @media only screen and (max-width: 575px) and (min-width: 441px) {
 .h1_recap {
   
    font-size: 120% !important;
}
.margen1emcentrado {    padding:  1em 0 !important;}
 }
  @media only screen and (max-width: 440px) and (min-width: 5px) {
 .h1_recap {
   
    font-size: 100% !important;
}
.margen1emcentrado {    padding: 1em 0  !important;}
 }
 

@media only screen and (max-width: 340px) and (min-width: 5px) {
  .tamanotexto1_1_recap {
    font-size:1.1em !important;
}
 }
@media only screen and (max-width: 999px) and (min-width: 5px) {
   .botoncontinuararque {background-color: #FFFFD9 !important; }
 }
 
 
 @media only screen and (max-width: 499px) and (min-width: 5px) {
  
   
   .infoyonko1 {    margin-top: 1.2em;    text-align: center;}
   
    
 }
 
  @media only screen and (max-width: 570px) and (min-width: 5px) {
  
   
  
   
   .altura_imagenes { height:350px;}
 }
 
   @media only screen and (max-width: 400px) and (min-width: 5px) {
  
   .arque {
    
    height: 10em;
}
  .arque2 {     height: 15em;}
  
  .info_yonko_1 {background: url(iconos/iy.svg) no-repeat;
    background-position: bottom;
    background-size: 50%;
    background-position-y: 230px;}
   
   .sinte_1 {     
    background-size: 75%;
    background-position-y: 240px}
 }
 
 
 @media only screen and (max-width: 499px) and (min-width: 411px) {
  
   .arque {
    
    height: 0em;
}
  .arque2 {     height: 27em;}
  
   
  .info_yonko_1 {background: url(iconos/iy.svg) no-repeat;
    background-position: bottom;
    background-size: 50%;
    background-position-y: 500px;}
   
   
  
   
 }
 
 
 @media only screen and (max-width: 450px) and (min-width: 401px) {
  
   .arque {
    
    height: 0em;
}
  .arque2 {     height: 27em;}
  
  .arque3 {     height: 25em !important;}
  
 
   
   .sinte_1 { 
  background-size: 70%;
    background-position-y: 460px;}
   
 }
 
 @media only screen and (max-width: 499px) and (min-width: 451px) {
  
   .arque {
    
    height: 0em;
}
  .arque2 {     height: 27em;}
  
  .arque3 {     height: 25em !important;}
  
 
   
   .sinte_1 { 
  background-size: 50%;
    background-position-y: 500px;}
   
 }