@charset "UTF-8";
/*
* @package      Style
* @description  This package holds all common style declarations
*               of the site
*/
@-webkit-keyframes sprite-animation {
  from {
    background-position: 0 0; } }
@keyframes sprite-animation {
  from {
    background-position: 0 0; } }
/*
* @section      Normalize
*
* @description  Resets default browser styling
*
* @link         http://github.com/necolas/normalize.css
* @license      MIT license - http://opensource.org/licenses/MIT
* @version      3.0.3
* @revision     1.0
*/
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, button, input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: top; 
    font-family: "Inter Tight", sans-serif;  
}
html, body, body *{
   font-family: "Inter Tight", sans-serif; 
   font-size: 100%;
   
}
.txtF2{font-family: "Inter Tight", sans-serif; }
.txtF3{font-family: "Inter Tight", sans-serif; font-weight: 600; }
.txtF4{font-family: "Inter Tight", sans-serif; font-weight: 800; }


.txtF3.D2, 
.txtF3.D2 span {
    line-height: 45px;
    font-weight: 700;
    text-shadow: -3px 2px #b6f2ff;
}
.txtF3.D3, 
.txtF3.D3 span {
    line-height: 45px;
    font-weight: 700;
    color: #684bc3;
    text-shadow: -3px 2px #b6f2ff;
}

html, body{
   background:#FFF; 
}
html, body{
   /* 
   min-width: 250px;
   */
}

*,
html, body *{
   color:#091733; 
}

a:focus, 
a:active, 
a:hover,
a:focus *, 
a:active *, 
a:hover *{
    color: #9777fa;
    text-decoration: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, main, time, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button, input, textarea, select {
    display: inline-block;
    outline: none;
    color: inherit;
    overflow: visible;
    background-color: transparent;
    box-shadow: none;
    border-radius: 3px 3px 3px 3px;
}

button,
input[type='button'],
input[type='submit'] {
  cursor: pointer; }
  
::placeholder {
    font-weight: 300;
}


.fa,
.fas {
  font-family: 'Font Awesome 5 Free'!important; 
  font-weight: 900; }
.far {
  font-family: 'Font Awesome 5 Free'!important; 
  font-weight: 400; }
.fab {
    font-family: "Font Awesome 5 Brands"!important;    
}
 



@media screen and (max-width: 767px) {
    .noTablet{display:none!important;}
}
@media screen and (max-width: 576px) {
    .noMovil{display:none!important;}
}
@media screen and (min-width: 576px) {
    .noEscritorio{display:none!important;}
}


/*
* Bootstrap
*/
.modal-title{ 
    font-weight: 600;  
}
.form-control{
    border-radius: 3px 3px 3px 3px;
}

.modal{
    
}
    .modal .modal-content{
        border-radius: 3px 3px 3px 3px;  
    }
    .modal-header .close i:before{
        font-size: 15px;    
    }
    
.modal.D5{
    
}
    .modal.D5 .modal-content{
        border-radius: 10px;
        border: 4px solid #c4b1ff; 
        background: #fffff0;
    }

    

    
    
/*
* @bugfix input text-overflow padding ignore
* @affected lt IE11
*/
.lt-ie11 input {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom-left-radius: 1px !important; }

*,
*:before,
*:after {
  box-sizing: border-box; }

a,
a[href^="tel:"],
a[href^="callto:"] {
  font: inherit;
  color: inherit;
  text-decoration: none; }
  a:focus,
  a[href^="tel:"]:focus,
  a[href^="callto:"]:focus {
    outline: none; 
  }
:focus {
    outline: none!important; 
    box-shadow: none !important;
}

img {
    /*  
    max-width: 100%;
    height: auto; 
    */  
}

a, button, input {
    /*
    transition: .3s all ease; 
    */
    transition: .3s all cubic-bezier(0.19, 0.29, 0, 0.92);
}
  




/*
* @section      General
* @description  Clases generales para dar estilo
*/


    
.pdd-b5{padding-bottom: 5px;}
.pdd-b7{padding-bottom: 7px;}
.pdd-b6{padding-bottom: 6px;}
.pdd-b10{padding-bottom: 10px;}
.pdd-b20{padding-bottom: 20px;}
.pdd-b25{padding-bottom: 25px;}
.pdd-b40{padding-bottom: 40px;}
.pdd-t5{padding-top: 5px;}
.pdd-t7{padding-top: 7px;}
.pdd-t10{padding-top: 10px;}
.pdd-t20{padding-top: 20px;}
.pdd-t25{padding-top: 25px;}
.pdd-t30{padding-top: 30px;}
.pdd-t50{padding-top: 50px;}

.pdd-lr-0{padding-left: 0px; padding-right: 0px;}
.pdd-b-0{padding-bottom: 0px;}
.pdd-t0{padding-top: 0px;}

.pdd-0{padding: 0px;}
.mrg-0{margin: 0px;}

.mrg-t5{margin-top: 5px;}

.fz-10{font-size: 10px!important;}
.fz-masChica{font-size: 12px;}
.fz-chica{font-size: 14px;}
.fz-normal{font-size: 15px;}
.fz-grande{font-size: 18px;}
.fz16{font-size: 16px!important;}
.fz17{font-size: 17px!important;}
.fz18{font-size: 18px!important;}
.fz19{font-size: 19px!important;}
.fz20{font-size: 20px!important; line-height: 27px;}
.fz22{font-size: 22px!important;}
.fz24{font-size: 24px!important; line-height: 30px;}
.fz28{font-size: 28px;line-height: 1.2em;}
.fz35{font-size: 35px;line-height: 1em;}
.fz45{font-size: 45px;line-height: 1em;}
.fz100{font-size: 100px;line-height: 1em;}


.fw200{font-weight: 300;font-weight: 200;}
.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 700;font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 700;font-weight: 800;}
.fw900{font-weight: 700;font-weight: 900;}

.color0{color:#091733;} /* Negro */

.color1{color:#9777fa;} /* Violeta */
.color1c{color:#d2c4ff;} /* Violeta Clro */
.color1o{color:#7d66aa;} /* Violeta Oscuro */
.color2{color:#a3c3f9;} /* Celeste */
.color2c{color:#b9d3ff;} /* Celeste Claro */

.color3{color:#ff9d89;} /* Rosa */
.color3c{color:#ffcfc5;} /* Rosa Claro */


.color20{color:#f26a61;} /* Rojo */
.color30{color:#59baa9;} /* Verde */
.color40{color:#bbbbbb;} /* Gris */



.rojo{color:#D80101}
.verde{color:#31a936}
.colorFb, .colorFb *{color:#3b5998;}
    .colorFb:hover, .colorFb:hover *{color:#003cb9;}
.colorWA, .colorWA *{color:#4aae20;}
    .colorWA:hover,.colorWA:hover *{color:#63d234;}

.bottom{vertical-align: bottom;}
.lineThrough{text-decoration: line-through;}
.middle{vertical-align: middle;}
.uppercase{text-transform: uppercase;}
.justify{text-align: justify;}
.light{font-weight: 300;}
.bold{font-weight: 600;}
.italic{font-style: italic;}
.block{display: block;}
.boldD2{font-weight: 900; }
.clear{clear: both;display: block; width: 100%!important; padding: 0px!important; margin: 0px!important;}
.addClear:after{content: ''; clear: both;display: block; width: 100%;}
.noPoint{cursor: default;}
.relative{position: relative;}


.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}

.div2col{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}

.boxBorder{
    padding: 15px;
    border:  1px solid #f9f9f9;
}

.txtD1{
    color: #9777fa;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;
}
.txtD2{
    color: #091733;
    font-weight: 800;
    font-size: 27px;
    line-height: 30px;   
}
.txtD3{
    color: #091733;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;   
}
.txtD4{
    color: #9777fa;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.1em;
    line-height: 35px;
}
.txtD5{
    font-size: 35px;
    line-height: 1.1em;
    padding-bottom: 15px;
    font-weight: 900;
}


.w100p{ width: 100%; max-width: 100%;}
  




.iframe iframe{
    width: 100%; 
    height: auto; 
    border:0px; 
    padding: 0px; 
    margin: 0px;    
}


.titulo-D1{
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2em;
}
.titulo-D2{
    font-size: 20px;
    font-weight: 300;
    line-height: 1.2em;
    color: #fff;
}
.titulo-D3{
    padding-bottom: 0px;
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 700
}
    @media (max-width: 576px) {
        .tituloD3{
            font-size: 30px;
        }
    }



/* 
 esconder
 -------------------------
 */ 

.esconder{display: none;}

@media screen and (max-width: 767px) {
    .noTablet{display:none!important;}
}
@media screen and (max-width: 576px) {
    .noMovil{display:none;}
}
@media screen and (min-width: 576px) {
    .noEscritorio{display:none;}
}


    
/* 
 Texto
 -------------------------
 */   

.txtsD1{
     
}
    .txtsD1 h2,
    .txtsD1 h3,
    .txtsD1 h1{
        font-size: 45px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 15px;    
    }
    .txtsD1 p{
        font-size: 20px;
        line-height: 1.6em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD1 .fw900{font-weight: 900!important;}
    .txtsD1 .fw300{font-weight: 300!important;} 
    .txtsD1 .fw500{font-weight: 500!important;} 
    
    @media (max-width: 1200px) {
        
        .txtsD1{
            padding-left: 15px;  
            padding-right: 15px;      
        }
    }
    @media (max-width: 576px) {
        .txtsD1 h2,
        .txtsD1 h3,
        .txtsD1 h1{
            font-size: 35px;  
            line-height: 1.3em;
            margin-bottom: 15px;    
        }
    }
       
.txtsD2{
    
}
    .txtsD2 h2,
    .txtsD2 h3,
    .txtsD2 h1{
        font-size: 50px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 0px;    
    }
    .txtsD2 p{
        font-size: 25px;
        line-height: 1.2em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD2 .fw900{font-weight: 900!important;}
    .txtsD2 .fw300{font-weight: 300!important;} 
    .txtsD2 .fw500{font-weight: 500!important;} 

    @media (max-width: 576px) {
        .txtsD2 h2,
        .txtsD2 h3,
        .txtsD2 h1{
            font-size: 35px; 
            line-height: 1em;
            margin-bottom: 15px!important;    
        }
        .txtsD2 p{
            font-size: 20px;
            line-height: 1.2em;
        }
    }

.txtsD3{
     
}
    .txtsD3 h2,
    .txtsD3 h3,
    .txtsD3 h1{
        font-size: 40px;
        font-weight: 700;   
        line-height: 1.3em;
        margin-bottom: 15px;    
        position: relative;   
        
        padding-left: 70px;
    }
    .txtsD3 h3 i,
    .txtsD3 h2 i,
    .txtsD3 h1 i{
        position: absolute;
        left: 10px;
        top:0px;
        font-size: 50px;
    }
    .txtsD3 p{
        font-size: 20px;
        line-height: 1.6em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD3 .fw900{font-weight: 900!important;}
    .txtsD3 .fw300{font-weight: 300!important;} 
    .txtsD3 .fw500{font-weight: 500!important;} 
    
    @media (max-width: 576px) {
        .txtsD3 h2,
        .txtsD3 h3,
        .txtsD3 h1{
            font-size: 31px;
            font-weight: 700;   
            line-height: 1.3em;
            margin-bottom: 15px;
            padding-left: 0px;  
            text-align: center;  
        }
        .txtsD3 h3 i,
        .txtsD3 h2 i,
        .txtsD3 h1 i{
            position: relative;
            display: block;
            left: 0px;
            text-align: center;  
        }
    }


    
    
 
.txtsD4{
    
}
    .txtsD4 h2,
    .txtsD4 h3,
    .txtsD4 h1{
        font-size: 50px;
        font-weight: 700;   
        line-height: 42px;
        margin-bottom: 15px;    
    }
        .txtsD4 h2 span.grisChico,
        .txtsD4 h3 span.grisChico,
        .txtsD4 h1 span.grisChico{
            color: #a1a1a1;
            font-size: 19px;
            font-weight: 300;
            line-height: 19px;
            vertical-align: bottom;
        }
    .txtsD4 p{
        font-size: 25px;
        line-height: 1.2em;
        font-weight: 400;    
        letter-spacing: .075em;
    }
    .txtsD4 .fw900{font-weight: 900!important;}
    .txtsD4 .fw300{font-weight: 300!important;} 
    .txtsD4 .fw500{font-weight: 500!important;} 

    @media (max-width: 576px) {
        .txtsD4 h2,
        .txtsD4 h3,
        .txtsD4 h1{
            font-size: 35px; 
            line-height: 30px;
            margin-bottom: 15px;    
        }
            .txtsD4 h2 span.grisChico,
            .txtsD4 h3 span.grisChico,
            .txtsD4 h1 span.grisChico{
                font-size: 14px;
                line-height: 14px;
            }
        .txtsD4 p{
            font-size: 20px;
            line-height: 1.2em;
        }
    }

  


 
 
 
/* 
 textosGestionadoDesdeCMS
 -------------------------
 */
.textosGestionadoDesdeCMS{
    
}
    .textosGestionadoDesdeCMS,
    .textosGestionadoDesdeCMS *{
        color: #091733;
        font-size: 22px;
        line-height: 33px;
        font-weight: 300;
    }
    
    
    .textosGestionadoDesdeCMS strong *,
    .textosGestionadoDesdeCMS strong,
    .textosGestionadoDesdeCMS b *,
    .textosGestionadoDesdeCMS b{
        font-weight: 600; 
        color: inherit;   
    }
    .textosGestionadoDesdeCMS u *,
    .textosGestionadoDesdeCMS u,
    .textosGestionadoDesdeCMS em *,
    .textosGestionadoDesdeCMS em{
        color: inherit;   
    }
    .textosGestionadoDesdeCMS h2 *,
    .textosGestionadoDesdeCMS h2{
        font-weight: 800;   
        font-size: 30px; 
        padding-bottom: 10px;
        /*
        color:#9777fa;
        */
    }
    .textosGestionadoDesdeCMS h3 *,
    .textosGestionadoDesdeCMS h3{
        font-weight: 800;  
        font-size: 22px; 
        color: inherit; 
    }
    
    .textosGestionadoDesdeCMS ul,
    .textosGestionadoDesdeCMS p{
        margin-bottom: 15px;   
    }
    .textosGestionadoDesdeCMS a *,
    .textosGestionadoDesdeCMS a{
        color: #9777fa; 
        cursor: pointer;
    }
        .textosGestionadoDesdeCMS a:active *,
        .textosGestionadoDesdeCMS a:focus *,
        .textosGestionadoDesdeCMS a:hover *,
        .textosGestionadoDesdeCMS a:active,
        .textosGestionadoDesdeCMS a:focus,
        .textosGestionadoDesdeCMS a:hover{
            color:#9777fa;    
            text-decoration: none;
        }
    .textosGestionadoDesdeCMS iframe,
    .textosGestionadoDesdeCMS object{
        max-width: 100%;
        width: 100%;
    }
    .textosGestionadoDesdeCMS iframe[src*="vimeo.com"]{
        background-color: #000;
    }
    .textosGestionadoDesdeCMS img{
        max-width: 100%;
    }


    .textosGestionadoDesdeCMS .fab{
        font-family: 'Font Awesome\ 5 Brands'!important;
        font-size: 24px!important;
        padding-right: 20px;
    }
    .textosGestionadoDesdeCMS ol,
    .textosGestionadoDesdeCMS ul{
        
    }
        .textosGestionadoDesdeCMS ol li,
        .textosGestionadoDesdeCMS ul li{
            padding-left: 20px;
            position: relative;
        }
        .textosGestionadoDesdeCMS ol li:before,
        .textosGestionadoDesdeCMS ul li:before{
            content: '•';
            position: absolute;
            left: 5px;  
            font-weight: 900;
            font-size: 20px;
        }

.textosGestionadoDesdeCMS ol.navegacion, 
.textosGestionadoDesdeCMS ul.navegacion{
    padding-top: 9px;
}
    .textosGestionadoDesdeCMS ul.navegacion a{
        font-size: 17px;
    }
    .textosGestionadoDesdeCMS ul.navegacion a:hover{
        color:#000;
    }
    .textosGestionadoDesdeCMS ul.navegacion li{
        padding-bottom: 4px;
    }

@media screen and (max-width: 500px) {
    .textosGestionadoDesdeCMS iframe,
    .textosGestionadoDesdeCMS object{
        height: auto;
    }
    
    .textosGestionadoDesdeCMS h2 *,
    .textosGestionadoDesdeCMS h2{
        font-size: 25px; 
    }
}        



/* 
 Mensajes
 -------------------------
 */

.formMsj {
  padding: 0;
  line-height: 22px;
  text-align: left;
  clear: both;
  float: none;
}

.formMsj.success,
.formMsj .success {
  color: #545454;
  font-size: 17px;
  line-height: 1.3em;
  padding: 6px 24px 6px 40px;
  
  font-weight: bold;
  border: 2px solid #009900;
  position: relative;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.success:before,
    .formMsj .success:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00c";
        position: absolute;
        left:10px;
        display: inline-block;
        color: #009900;
        font-weight: 600;
    }
    
.formMsj.error,
.formMsj .error {
  color: #545454;
  font-size: 17px;
  line-height: 1.3em;
  padding: 6px 24px 6px 40px;
  font-weight: bold;
  border: 2px solid #ff3838;
  position: relative;
  font-weight: 400;
  margin-bottom: 5px;
  background-color: rgba(255,255,255,.9);
}
    .formMsj.error:before,
    .formMsj .error:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00d";
        position: absolute;
        left:10px;
        display: inline-block;
        color: #ff3838;
        font-weight: 600;
    }




.msj_advertencia{
	padding:9px 10px 10px 45px;
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #e5e5e5;
	border-bottom-color: #e5e5e5;
	color: #767676;
	font-size: 14px;
    position: relative;
}
    .msj_advertencia:before{
    	content: "\f129";
        display: inline-block;
        font-family:'Font Awesome\ 5 Free';
        
        color: #e5e5e5;
        position: absolute;
        top: 5px;
        left: 15px;
        font-size: 20px;
    }
.msj_exito{
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #009900;
	border-bottom-color: #009900;
    
    position: relative;
}
    .msj_exito:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00c";
        font-weight: 600;
        
        display: inline-block;
        color: #009900;
        position: absolute;
        top: 9px;
        left: 5px;
        font-size: 20px;
    }
	.msj_exito .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_exito,
	.msj_exito * {
		font-size: 14px;
        line-height: 20px;
	}
	
.msj_error
{
	margin:0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F30;
	border-bottom-color: #F30;
    display: block;
    position: relative;
}
    .msj_error:before{
        font-family:'Font Awesome\ 5 Free';
        content: "\f00d";
        font-weight: 600;
        
        display: inline-block;
        color: #F30;
        position: absolute;
        top: 9px;
        left: 15px;
        font-size: 20px;
    }
	.msj_error .msj_contenido
	{
		text-align: left;
		padding:9px 10px 10px 45px;
		color:#404040;
        display: block;
	}
    .msj_error,
	.msj_error * {
		font-size: 14px;
        line-height: 20px;
	}
    .msj_error_box{
    	padding:3px 3px 3px 3px;
    	border-top-width: 1px;
    	border-bottom-width: 1px;
    	border-top-style: solid;
    	border-bottom-style: solid;
    	border-top-color: #F30;
    	border-bottom-color: #F30;
        background-color: #FBCCCC;
    }
    
    
 



/* 
 botones
 -------------------------
 */
.btn.btn-D1{
    border: 0px;
    background: #fff;
    border-radius: 23px;
    box-sizing: border-box;
    color: #091733;
    font-size: 18px;
    font-weight: 400;
    padding:0px 4px;
}
    .btn.btn-D1 > span{  
        color: #091733;
        font-size: 18px;
        font-weight: 500;
        vertical-align: middle;
        display: inline-block;
        padding: 10px 10px 10px 20px;
    }
    .btn.btn-D1 > i{   
        font-size: 18px;
        vertical-align: middle;
        display: inline-block;
        color: #091733;
        
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 20px;
        
        border:  1px solid #c0bf85;
        background-color: #bad46f;
    }
    .btn.btn-D1:focus,
    .btn.btn-D1:hover{
        background: #61325e;
    }
        .btn.btn-D1:focus,
        .btn.btn-D1:hover,
        .btn.btn-D1:focus > span,
        .btn.btn-D1:hover > span{
            color: #fff!important;
        }
    .btn.btn-D1-D2:focus,
    .btn.btn-D1-D2:hover{
        background: #ee6a62;
    }

        
.btn.btn-D2{
    border: 0px;
    background: transparent;
    border-radius: 0px;
}
    .btn.btn-D2 > span{  
        color: #091733;
        font-size: 18px;
        font-weight: 500;
        vertical-align: middle;
        display: inline-block;
        padding: 5px  25px 5px 25px;
        margin-left: 10px;
        border-radius: 20px;
        border: 1px solid #c0bf85;
        background-color: #bad46f;
    }
    .btn.btn-D2 > img{
        vertical-align: middle;
    }


    
.btn.btn-D3{
    border: 0px;
    background: transparent;
    border-radius: 0px;
}
    .btn.btn-D3 > span{  
        color: #fff;
        font-size: 13px;
        font-weight: 300;
        vertical-align: middle;
        display: inline-block;
        padding: 5px  25px 5px 25px;
        margin-left: 3px;
        border-radius: 20px;
        border: 1px solid #625497;
        background-color: transparent;
    }
    .btn.btn-D3 > img{
        vertical-align: middle;
    }
    
    
.btn.btn-D4{
    border: 0px;
    background: transparent;
    border-radius: 0px;
    
    padding: 5px  25px 5px 25px;
    margin-left: 10px;
    border-radius: 20px;
    border: 1px solid #c0bf85;
    background-color: #bad46f;
}
    .btn.btn-D4 > span{  
        color: #091733;
        font-size: 18px;
        font-weight: 500;
        vertical-align: middle;
        display: inline-block;
        padding-left: 10px;
    }
    .btn.btn-D4 > i{   
        font-size: 25px;
        color: #fff;
    }
    .btn.btn-D4:focus,
    .btn.btn-D4:hover{
        background-color: #8bc34a;
    }
      
      
.btn.btn-D5{
    border: 0px;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    display: inline-block;
    text-align: left;
    margin-bottom: 15px;
}
    .btn.btn-D5 > span{  
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        vertical-align: middle;
        display: inline-block;
        padding-left: 10px;
    }
    .btn.btn-D5 > i{   
        font-size: 22px;
        color: #fff;
        border-radius: 25px;
        width: 50px;
        height: 50px;
        background-color: #51398a;
        text-align: center;
        padding-top: 14px;
        vertical-align: middle;
    }
    .btn.btn-D5:hover span{
        color: #51398a;
    }
         



.btn.btn-D6{
    border: 0px;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    margin: 0 15px 4px 0;
}
    .btn.btn-D6 > span{  
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        vertical-align: middle;
        display: inline-block;
        padding: 5px  25px 5px 25px;
        margin-left: 0px;
        border-radius: 20px;
        border: 1px solid #6f486e;
        background-color: transparent;
    }
    .btn.btn-D6:hover > span{ 
        background-color: #FFF;    
        color: #091733;
    }
    
    
.btn.btn-D7{
    border: 0px;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    margin: 0 15px 0 0;
    display: inline-block;
    cursor: default;
}
    .btn.btn-D7 > span{  
        color: #091733;
        font-size: 16px;
        font-weight: 500;
        vertical-align: middle;
        display: inline-block;
        padding: 5px  25px 5px 25px;
        margin-left: 0px;
        border-radius: 20px;
        border: 1px solid #6f486e;
        background-color: #bad46f;
    }




.btn.btn-D8{
    border: 0px;
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    margin: 0 15px 0 0;
}
    .btn.btn-D8 > span > i{ 
        color: #fff;
        font-size: 16px;
    }
    .btn.btn-D8 > span{  
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        vertical-align: middle;
        display: inline-block;
        padding: 5px  25px 7px 15px;
        margin-left: 0px;
        border-radius: 20px;
        border: 1px solid #6f486e;
        background-color: #4e284b;
    }
    .btn.btn-D8:hover span i,
    .btn.btn-D8:hover > span{ 
        background-color: #FFF;    
        color: #091733!important;
    }
    
    
    
.btn.btn-D9{
    border: 0px;
    background: #fff;
    border-radius: 18px;
    box-sizing: border-box;
    padding: 1px 2px 1px 9px;
    border: 1px solid #e8e9ec;
}
    .btn.btn-D9 > span{  
        color: #091733;
        font-size: 15px;
        font-weight: 500;
        vertical-align: middle;
        display: inline-block;
        padding: 4px 4px 4px 4px;
    }
    .btn.btn-D9 > i{   
        font-size: 15px;
        vertical-align: middle;
        display: inline-block;
        color: #091733;
        
        height: 30px;
        width: 30px;
        line-height: 30px;
        border-radius: 15px;
        
        border:  1px solid #c0bf85;
        background-color: #bad46f;
    }
    .btn.btn-D9:focus,
    .btn.btn-D9:hover{
        background: #61325e;
    }
        .btn.btn-D9:focus,
        .btn.btn-D9:hover,
        .btn.btn-D9:focus > span,
        .btn.btn-D9:hover > span{
            color: #fff!important;
        }

    
    
/* 
 formularios
 -------------------------
 */
  
.formD1 input[type="text"],
.formD1 input[type="email"],
.formD1 input[type="number"],
.formD1 textarea,
.formD1 select{
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #e6e6e6;
    
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075);
    box-shadow: inset 0 0 0  rgba(0,0,0,.075);
}
    .formD1 input[type="text"]:hover,
    .formD1 input[type="email"]:hover,
    .formD1 input[type="number"]:hover,
    .formD1 input[type="text"]:focus,
    .formD1 input[type="email"]:focus,
    .formD1 input[type="number"]:focus,
    .formD1 textarea:hover,
    .formD1 textarea:focus,
    .formD1 select:hover,
    .formD1 select:focus{
        border-color: #e6e6e6;
        border-bottom-color:  #9777fa;
        
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
        box-shadow: inset 0 0 0 rgba(0,0,0,.075), 0 0 0 rgba(102,175,233,.6);
    }
    
    .formD1 input::-webkit-input-placeholder { font-weight:400;text-transform: normal;color: #495057;} /* Webkit */
    .formD1 input:-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Firefox 4-18 */
    .formD1 input::-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* Firefox 19+ */
    .formD1 input:-ms-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* IE10+ */

    .formD1 textarea::-webkit-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Webkit */
    .formD1 textarea:-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057;} /* Firefox 4-18 */
    .formD1 textarea::-moz-placeholder { font-weight:400;text-transform: normal;font-size: 16px;color: #495057; } /* Firefox 19+ */
    .formD1 textarea:-ms-input-placeholder { font-weight:400;text-transform: normal;font-size: 16px; color: #495057;} /* IE10+ */
    
    

.formD1 .botonera .btn.btn-D1 > span{  
    font-size: 23px;
    font-weight: 400;
}
    
.formD1 .btnSubmit{
    
}
    .formD1 .btnSubmit > i{
        display: none;
        vertical-align: middle;
    }
.formD1 .btnSubmit.btnLoading{
 
}
    .formD1 .btnSubmit.btnLoading > span{
        margin-right: 7px;
    }
    .formD1 .btnSubmit.btnLoading > i{
        display: inline-block;
    }
    
    
    
.formD1 .text-center > .g-recaptcha > div,
.formD1 .g-recaptcha.center > div
{
    margin-left: auto;
    margin-right: auto;
}

.formD1 div.campo{
    margin-bottom: 15px;      
}

.formD1 textarea{
    min-height: 120px;      
}

.formD1 input[type="checkbox"],
.formD1 input[type="radio"]{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
    
    width: 17px;
    height: 17px;
    
    background: #fff;
    border: 2px solid #212121;
    
    vertical-align: middle;
    margin: 0px;
}
    .formD1 input[type="checkbox"]:checked,
    .formD1 input[type="radio"]:checked{
        background: #9777fa!important;
    }
    .formD1 input[type="checkbox"]{
        border-radius: 3px 3px 3px 3px;    
    }
 

.formD1 div.campo.D2{
    
}
    .formD1 div.campo.D2 label{
        padding-left: 34px;
        position: relative;
    }
    .formD1 div.campo.D2 input{
        position: absolute;
        left: 8px;
        top: 8px; 
    }
    
.formD1 .campo.D4{
    
}
    .formD1 .campo.D4 input{
        padding-right: 72px;
    }
    .formD1 .campo.D4 .contador{
        position: absolute;
        bottom: 12px;
        right: 25px;
        font-weight: 300;
        font-size: 13px;
        display: inline-block;
    }

.formD1 input[type="radio"] + i,        
.formD1 input[type="checkbox"] + i{
    display: none!important;  
    
    position: absolute;
    left: 11px;
    top: 4px;
    color: #ffffff;
    font-size: 13px; 
}
    .formD1 input[type="radio"]:checked + i,
    .formD1 input[type="checkbox"]:checked + i{
        display: inline-block!important; 
    }
    .formD1 div.campo.D2 input[type="radio"] + i,        
    .formD1 div.campo.D2 input[type="checkbox"] + i{
        top: 10px;
    }
        
@media (min-width: 1300px) {
    
    .formD1 .row{ 
        margin-right: 0px;     
    }
    .formD1 .row > div{ 
        padding-right: 0px;     
    }
        
}
@media (max-width: 767px) {
    .formD1 .g-recaptcha > div
    {
        margin-left: auto;
    }
    .formD1 .botonera{
        text-align:center;  
    }
    .formD1 .btn{
        width: 100%;
    }
    .formD1 .g-recaptcha > div{
        margin-left: auto;
        margin-right: auto;    
    }
        
}
@media (max-width: 400px) {
    .formD1 .listOpciones2{
        padding-left:0px;
        padding-right:0px;
    }
    .formD1 .listOpciones2 .campos{
        position: relative;
        display: block;
        padding-bottom: 10px;
    }
    .formD1 .listOpciones2 .txt {
        margin-left: 0px;
    }
}
   
    
    
    

    
/* 
 Compartir 
 -------------------------
 */
.rSociales{
    
}
    .rSociales > p{
        display: inline-block;
        vertical-align: middle;
        width: auto;  
        font-size: 13px;   
        line-height: 20px;   
        margin-right: 15px;
    }
    .rSociales > p *{
        vertical-align: middle;        
    }
    .rSociales > p > i{
        font-size: 10px;
        margin-right: 4px;      
    }
    .rSociales > ul,
    .rSociales > ul li{
        display: inline-block; 
        vertical-align: middle;
        margin-right: 25px;     
    }
    .rSociales > ul li *{
        
    }
        .rSociales > ul li a:hover *{
            color: #9777fa;    
        }
   
.compartir{
    font-weight: 300;
}
    .compartir p{
        padding-bottom: 3px;
    }
    .compartir ul,
    .compartir p{
        display: inline-block;
        vertical-align: middle;
    }
    .compartir p,
    .compartir ul li{
        margin-right: 25px;
    }
    .compartir ul li.whatsapp{
        display: inline-block;
    }
    .compartir ul > li:last-child{
        margin-right: 0px;
    }

.btnCompartirAmigos:hover *{
    color: #bad46f!important;
}
        

.btnSolicitarRevision{
    border: 1px solid #e7e7e7;
    padding: 6px 18px 11px 18px;
    background: whitesmoke;
    border-radius: 10px;    
}   
    .btnSolicitarRevision:active *,
    .btnSolicitarRevision:focus *,
    .btnSolicitarRevision:hover *{
        color: #ff9900!important;   
    } 
    


    
/* 
 Estructura base
 -------------------------
 */   


header{
    padding: 30px  0px 0px 0px;
    background-image: url(../images/hr-esc.png);
    background-color: transparent;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    
    position: relative;
}
    header .logo img {
        margin-top: -1px;
    }
    header > div {
        position: absolute;
        top: 30px ;
        left: auto;
        right: auto;  
        
        width: 100%; 
        z-index: 100;
    }
        header > div  > div{
            max-width: 1200px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px;
          
            position: relative;
        }
    
    
    header .redes{
        position: absolute;
        right: 45px;
        top: 21px;
    }
        header .redes a{
            display: inline-block; 
            vertical-align: middle;   
        }
            header .redes a:hover{
                transform: scale(1.2);
            }
        header .bi-facebook{
            font-size: 40px;
            line-height: 51px;
            color: #fff;
            margin-left: 20px;
        }
        header .In img{
            height: 42px;
            
        }
        header .redes:hover{
            
        }
    
    
.contenedorD1{
    width: 100%;
}
    .contenedorD1 > div{
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
      
    }
    
.contenedorD2{
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
    .contenedorD2 > div {
        border-radius: 20px;     
    }
    .contenedorD2 > div > div{
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
      
    }


@media (max-width: 820px){



} 


/* 
 Home
 -------------------------
 */  

.dNacionalInternacional{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0px;    
    
    width: 100%;

    height: 90vh;
    max-height: 500px; 

    border-radius: 30px;
    overflow: hidden;
    
    padding-left: 0px!important;
    padding-right: 0px!important;
}
    .dNacionalInternacional > div{
        width: 100%;   
        
        display: flex;
        flex-direction: column; /* Mantiene los elementos uno bajo el otro */
        justify-content: center; /* Centrado vertical */
        align-items: center;     /* Centrado horizontal */
        text-align: center;     /* Centra el texto multilínea */
    }
    .dNacionalInternacional h3{
        color: #fff;
        font-size: 55px;
        padding-bottom: 30px;
    }
    .dNacionalInternacional > div > div{
        margin-top: 150px;
        position: relative;
    }
    .dNacionalInternacional > div:nth-child(1){
        position: relative;
        background-color: #000;
    }
        .dNacionalInternacional > div:nth-child(1)::before {
            content: "";
            background-image: url(../images/categorias/nacionales.jpg);
            background-size: cover;
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            opacity: 0.7; /* Ajusta la transparencia aquí (0 a 1) */
            z-index: 0; /* Lo envía detrás del texto */
            
            background-color: #4e284b;
        }

    
    .dNacionalInternacional > div:nth-child(2){
        position: relative;
        background-color: #000;
        border-left: 2px solid #fff;
    }
        .dNacionalInternacional > div:nth-child(2)::before {
            content: "";
            background-image: url(../images/categorias/internacionales.jpg);
            background-size: cover;
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            opacity: 0.7; /* Ajusta la transparencia aquí (0 a 1) */
            z-index: 0; /* Lo envía detrás del texto */
            
            background-color: #ee6a62;
        }


  
    
/* 
 Listados
 -------------------------
 */   


.list-D1 {
    /*
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    row-gap: 15px;
    column-gap: 1%;
    */
    
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    
}
    .list-D1 a {

        display: flex;
        flex: 0 0 calc(25% - 15px);
        box-sizing: border-box;
    
        min-height: 200px;
    	position: relative;
    	border-bottom: 0;
        background-color: #000;
        overflow: hidden;
        border-radius: 20px;

        overflow: hidden;
    }
    
    .list-D1 a > span{
        position: absolute;
        top:7px;
        right: 7px;  
        
        display: inline-block;
        padding: 5px 15px;
        border-radius: 18px;
        
        color: #091733;
        font-size: 15px;
        font-weight: 500;
        background-color: #fff;  
    }
    .list-D1 a > h4{
        position: absolute;
        bottom:0px;
        left: 0px;    
        
        color: #fff;
        font-weight: 500;
        font-weight: 400;
        font-size: 24px;
        line-height: 26px;
        
        padding: 10px;
    }

        .list-D1 a img{
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            opacity: 0.8; /* Ajusta la transparencia aquí (0 a 1) */
            z-index: 0; /* Lo envía detrás del texto */
            
            background-color: #ee6a62;
        }
        .list-D1 a:hover img{
            opacity: 1;    
        }
        
        
        




.list-D2 {
    display: grid;

    grid-template-columns: 24% 24% 24% 24%;
    row-gap: 35px;
    column-gap: 1%;
}
    .list-D2 > div{
        position: relative;    
    }
    .list-D2 .img{
        border-radius: 18px;
        overflow: hidden;
    }
        .list-D2 .img img{
            width: 100%;
            height: auto;
        }
        

        
    .list-D2 .tituloPrecio{
        
        display: block;
        padding:  15px 0px 10px 0px;
        
          
    }
        .list-D2 .tituloPrecio h2{
            color: #4e284b;
             
            font-size:25px;
            line-height: 35px;

            font-weight: 500;
            font-family: 'Oswald';
        }
    .list-D2 .img{
        position: relative;
    }
    .list-D2 .img .txt1{
        display: inline-block;
        width: auto;
        max-width: 80%;
        text-align: center;
        
        color: #4e284b;  
        
        font-weight: 500;
        font-family: 'Oswald';
        font-size: 25px;
        line-height: 30px;
        vertical-align: middle; 
        
        background-color: #fff;
        border-radius: 25px;
        padding: 0px 10px; 
        
        border: 1px solid #e5e7ea;
        
        position: absolute;
        bottom: 10px;
        right: 10px;
        
    }
        .list-D2 .img .txt1 span{
            font-size: 12px;
            line-height: 10px;
            height: 12px;
            display: inline-block;
            vertical-align: middle;
            padding-left: 2px;
            color: #4e284b;
            
            font-weight: 500;
            font-family: 'Oswald';
        }
        .list-D2 .img .txt1 > i{
            text-transform: none;
            vertical-align: middle;
            color: #4e284b;
            font-size: 12px;
            line-height: 10px;
            height: 12px;
            display: inline-block;
            font-weight: 500;
            font-family: 'Oswald';
        }
        
        
        
 
        
        
        
        
        
        


    .list-D2 .detalle{
        padding-bottom: 15px;
        padding-bottom: 50px;
          
    }
        .list-D2 .detalle > div {
            display: flex;
            padding-bottom: 7px;
        }
        .list-D2 .detalle > div > img {
            margin-right: 15px;
        }
        .list-D2 .detalle > div * {
            color: #656e7f;
            font-size: 16px;
            font-weight: 300;
        }
    .list-D2 .btnMasInfo{
        position: absolute;
        bottom: 0px;
        left: 5px;    
    }


.listFloata{
    list-style: none;  
    padding: 0px;     
}
    .listFloata > li{
        float: left;    
    }
    .listFloata:after{
        content: '';
        display: block;
        clear: both;
        width: 100%;
        float: none;    
    }
	
    
    
/* 
 Box
 -------------------------
 */   


.box-D1{
    padding: 40px 20px;
    border-radius: 20px;
    margin: 0 0px;
}
    .box-D1 *{
        color: #fff;    
    }
    .box-D1 .txt1{
        font-size: 25px; 
        font-weight: 400;   
    }
    .box-D1 .txt2{
        font-size: 18px;
        font-weight: 300;    
    }
    .col2{
        display: flex;
        flex-direction: column; /* Mantiene los elementos uno bajo el otro */
        justify-content: center; /* Centrado vertical */
        align-items: center;     /* Centrado horizontal */
        text-align: center;
    }



/* 
 Footer
 -------------------------
 */   


footer .linkContactos{
    
}

footer .linkWeb{
    
}
    footer .linkWeb a{
        display: inline-block;
        margin-bottom: 15px;
        color:#fff;
        font-weight: 300;
        font-size: 18px;    
    }
    footer .linkWeb a:hover,
    footer .linkWeb a:focus,
    footer .linkWeb a:active    
    {
        color:#091733;    
    }
    
    
/* 
 categorias
 -------------------------
 */   

.dCategoria{
    display: grid;
    grid-template-columns: 60% 40%;
    grid-gap: 0px;    
    
    width: 100%;

    height: auto;
    max-height: none; 

    border-radius: 30px;
    overflow: hidden;
    
    padding-left: 0px!important;
    padding-right: 0px!important;
}
    .dCategoria > div{
        width: 100%; 
        
    }
    .dCategoria h1{
        color: #fff;
        font-size: 75px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dCategoria > div > div{
        
        position: relative;
    }
    .dCategoria .txt1{
        color: #bad46f;  
        font-size: 55px;
        font-weight: 400;
        vertical-align: middle; 
        margin-right: 20px;     
    }
    .dCategoria > div:nth-child(1){
        position: relative;
        background-color: #000;
        padding-top: 130px;
    }
        .dCategoria > div:nth-child(1) > div{
            margin-left: 25px;  
            padding-bottom: 15px;   
            
        }
        .dCategoria > div:nth-child(1)::before {
            content: "";
            position: absolute;
            top: 0; right: 0; bottom: 0; left: 0;
            opacity: 1; /* Ajusta la transparencia aquí (0 a 1) */
            z-index: 0; /* Lo envía detrás del texto */
     
            background-color: #4e284b;
           
        }

    
    .dCategoria > div:nth-child(2){
        position: relative;
        background-color: #000;
        
        
    }
        .dCategoria > div:nth-child(2) img {
            
            position: absolute;
            top: 0px;
            width: 100%;
            min-height: 100%;    
            
        }
        
    .dCategoria .box1 > *{
        vertical-align: middle;
    }


/* 
 Paquete Datos
 -------------------------
 */  

.dPaqueteDatos{
    border-radius: 30px;
    overflow: hidden; 
    background-color: #4e284b;
}
.dPaqueteDatos .grid{
    display: grid;
    grid-template-columns: 60% 40%;
    grid-gap: 0px;    
    
    width: 100%;

    height: auto;
    max-height: none; 


    
    padding-left: 0px!important;
    padding-right: 0px!important;
}
    .dPaqueteDatos .grid > div{
        width: 100%; 
        background-color: #4e284b;
    }
    .dPaqueteDatos h1{
        color: #fff;
        font-size: 65px;
        line-height: 75px;
        padding-top: 10px;
        padding-bottom: 10px;
        
        font-weight: 400;
        font-family: 'Oswald';
    }
    .dPaqueteDatos .txt1{
        color: #4e284b;  
        
        font-weight: 500;
        font-family: 'Oswald';
        font-size: 45px;
        line-height: 55px;
        vertical-align: middle; 
        
        background-color: #fff;
        display: inline-block;
        border-radius: 40px;
        padding: 0px 20px;    
        
        
    }
    .dPaqueteDatos .txt1 > i{
        text-transform: none;
        vertical-align: middle;
        color: #4e284b;
        font-size: 26px;
        line-height: 23px;
        height: 25px;
        display: inline-block;
        font-weight: 500;
        font-family: 'Oswald';
    }
    .dPaqueteDatos .txt1 > span{
        font-size: 15px;
        font-weight: 500;
        font-family: 'Oswald';
        vertical-align: middle;
        padding-left: 9px;
        color: #4e284b; 
        height: 12px;
        line-height: 16px;
        display: inline-block;
    }
    .dPaqueteDatos .grid > div > div{
        
        position: relative;
    }
    
    .dPaqueteDatos .grid > div:nth-child(1){
        position: relative;
        padding-top: 130px;
    }
        .dPaqueteDatos .grid > div:nth-child(1) > div{
            margin-left: 25px;  
            padding-bottom: 15px;   
            
        }

    
    .dPaqueteDatos .grid > div:nth-child(2){
        position: relative;
        text-align: right;
        
    }
        .dPaqueteDatos .grid > div:nth-child(2) img {
            
            position: relative;
            max-width: 85%;   
            border-radius: 25px 25px 0px 25px;  
            
        }
        
    .dPaqueteDatos .datos{
        padding: 33px 25px 35px 25px
    }
        .dPaqueteDatos .datos > span{
            display: inline-block;
            
            vertical-align: middle;
            
            position: relative;
            margin-bottom: 10px;
        }
            .dPaqueteDatos .datos > span:before{
                content: '';
                display: block;
                height: 1px;
                width: 98%;
                width: calc(100% - 20px);
                position: absolute;
                bottom: 0px;
                left: 0px;
                
                border-bottom: 1px solid #fff;
            }
            .dPaqueteDatos .datos > span * {
                vertical-align: middle;   
            }
            .dPaqueteDatos .datos > span > span{
                display: flex;
                padding-bottom: 7px;
                /*
                border-bottom: 1px solid #fff;
                
                */
            }
            .dPaqueteDatos .datos > span > span > img {
                margin-right: 15px;  
            }
            .dPaqueteDatos .datos > span *{
                color:#fff;
                font-size: 20px;
                font-weight: 300;    
            }
    
    .dPaqueteDatos .compartir{
        padding-bottom: 25px;
        text-align: center;    
    }
        .dPaqueteDatos .compartir li i{
            color:#fff;
            font-size: 25px;
        }
        .dPaqueteDatos .compartir a:focus,
        .dPaqueteDatos .compartir a:hover{
            transform: scale(1.2);    
        }
       
       
.dCategoria .btnVolver,   
.dPaqueteDatos .btnVolver{
    margin: auto;
    position: fixed;
    top: 20px;
    left: 0px;
    right: 0px;
    max-width: 150px;
    z-index: 999;
}


.detallePaqueteTxt{
    padding: 20px 35px;
}
    .detallePaqueteTxt h3{
        padding-bottom: 10px; 
        border-bottom: 2px solid #091733; 
        margin-bottom: 10px;
        
        font-size: 30px;
        font-weight: 500;   
    }



.btnFijoWA{
    margin: auto!important;
    position: fixed;
    bottom: 20px;
    left: 0px;
    right: 0px;
    max-width: 250px;
    
    z-index: 9;
}
    .btn.btn-D4.btnWAFooter,
    .btn.btn-D4.btnFijoWA{
        border: 1px solid #25d366;
        background-color: #25d366;  
    } 
    .btn.btn-D4.btnWAFooter > span{
        color: #251072;
    }
    .btn.btn-D4.btnFijoWA > span{
        color: #ffffff;   
    }



/* 
 Responsive
 -------------------------
 */  
@media screen and (min-width: 996px) {

    .dPaqueteDatos{
        border-radius: 30px 30px 30px 30px;
    }
    .dPaqueteDatos .grid > div:nth-child(2) img{
        border-radius: 0px 0px 0px 25px;    
    }

}
@media screen and (max-width: 996px) {

    .dCategoria{
        
    }
        .dCategoria h1 {
            font-size: 55px;    
        }
        .dCategoria .txt1 {
            font-size: 35px;      
        }
        
    .btn.btn-D1{
        padding: 0px 2px;     
    }
        .btn.btn-D1 > span{
            font-size: 15px;
            padding: 5px 10px 5px 20px;   
        }
        .btn.btn-D1 > i {
            font-size: 15px;
            color: #091733;
            height: 30px;
            width: 30px;
            line-height: 30px;
        }
    .btn.btn-D7 > span{
            padding: 2px 20px 2px 20px;    
    }
    
    .dCategoria .btnVolver{
        position: fixed;
        top: 114px;
        left: auto;
        right: 43px;
    }
    
    
    body.scrolled .dCategoria .btnVolver{
        
    }

}

@media screen and (max-width: 996px) {

    body.scrolled .dCategoria .btnVolver{
        position: fixed;
        top: 15px;
        left: 0;
        right: 0; 
        
        padding-left: 0px!important; 
    }
    
    .list-D2 {
        display: grid;
        grid-template-columns: 31% 31% 31%;
        row-gap: 45px;
        column-gap: 3.5%;
    }

}

@media screen and (max-width: 767px) {

    header{
        padding: 30px  0px 0px 0px;
        background-image: url(../images/hr-mov.png);
        background-color: transparent;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        
        position: relative;
    }
        header .bi-facebook{
            font-size: 27px;
            line-height: 40px;    
            margin-left: 15px;
        }
        header .In img {
            height: 28px;
            vertical-align: middle;
            margin-bottom: 3px;
        }
        header .redes {
            position: absolute;
            right: 39px;
            top: 5px;
        }
    
    
    .dNacionalInternacional{
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 0px;    
        
        width: 100%;
    
        height: 40%; 
        min-height: 222px; 

    }
        .dNacionalInternacional > div:nth-child(1) > div{
            margin-top: 110px; 
            margin-bottom: 40px;    
        }
        .dNacionalInternacional > div:nth-child(2){
            border-left: 0px solid #fff;
            border-top: 2px solid #fff;
        }
        .dNacionalInternacional > div:nth-child(2) > div{
            margin-top: 35px;  
            margin-bottom: 40px;   
        }
        


    .list-D1{

    }
        .list-D1 a h4{
            font-size: 27px;
            line-height: 30px;    
        }
        
        
        .list-D1 a {
    
            display: flex;
            flex: 0 0 calc(31% - 15px);
            box-sizing: border-box;
        }
        
    .list-D2{
        display: grid;
        grid-template-columns: 48% 48%;
        row-gap: 35px;
        column-gap: 4%;
    }
        
        
    .box-D1{
        
    }
        .box-D1 .col2{
            margin-top: 25px;    
        }
        
        
    .dCategoria{
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 0px;
        
        border-radius: 0px;
    }
        .dCategoria > div:nth-child(1){
            padding-bottom: 18px;
            border-radius: 30px;
            overflow: hidden;
            padding-top: 20%;
        }
        .dCategoria > div:nth-child(2){
            
            display: none;
            
            text-align: center;
            background-color: transparent;
        }
        .dCategoria > div:nth-child(2) img {
            position: relative;
            width: 400px;
            max-width: 80%;
            margin-top: -30px;
            
            border-radius: 30px;
            overflow: hidden;
        }
        
    .dCategoria .btnVolver{
        position: fixed;
        top: 82px;
        left: auto;
        right: 25px;
    }
    
    
    .dPaqueteDatos .grid {
        display: grid;
        grid-template-columns: 100%;
    }
    .dPaqueteDatos .grid > div:nth-child(1) {
        padding-top: 20%;
    }
    .dPaqueteDatos .grid > div:nth-child(2){
        display: none;     
    }
    
    
    .dPaqueteDatos{
        
    }
        .dPaqueteDatos .btnVolver{
            margin: auto;
            position: fixed;
            top: 225px;
            left: auto;
            right: 25px;
            max-width: 150px;
        }
            body.scrolled .dPaqueteDatos .btnVolver{
                position: fixed;
                top: 15px;
                left: 0;
                right: 0; 
                
                padding-left: 0px!important; 
            }
            
        .dPaqueteDatos .datos{
            padding-bottom: 15px;    
        }
        .dPaqueteDatos .compartir{
            padding-bottom: 55px;     
        }
        .dPaqueteDatos .imgPrecio{
            margin: 0px!important;   
            position: relative; 
        }
        .dPaqueteDatos .imgPrecio .precio{
           position: absolute;
           right: 25px;
           top: 25px;
        }
        .dPaqueteDatos .imgPaqueteMovil{
            display: block;
            text-align: center;
             
        }
            .dPaqueteDatos .imgPaqueteMovil img{
                overflow: hidden;
                border-radius: 30px;
                overflow: hidden;
                max-width: 100%;
            }
}

@media screen and (max-width: 576px) {

    

    .list-D1{

    }
    
        .list-D1 a {
            display: flex;
            flex: 0 0 calc(48% - 15px);
        }
        

    
    .dCategoria .btnVolver{
        position: fixed;
        top: 346px;
        left: 0;
        right: auto;
        margin: auto;
        padding-left: 3px;
        max-width: 300px;
    }
    
    .detallePaqueteTxt {
        padding: 20px 0px;
    }
    
    
    .dPaqueteDatos h1{
        font-size: 55px;
        line-height: 65px;
    }

}

@media screen and (max-width: 450px) {

    .list-D1{
        display: block;
    }
        .list-D1 > *{
            display: block;
            margin-right: auto;
            margin-left: auto;
            max-width: 260px;
            margin-bottom: 15px;
        }
        
    .list-D2{
        display: block;
    }
        .list-D2 > *{
            display: block;
            margin-right: auto;
            margin-left: auto;
            max-width: 260px;
            margin-bottom: 45px;
        }
        
    
    .dCategoria h1 {
        font-size: 40px;
        padding-bottom: 0px;
    }
    .dCategoria .txt1 {
        font-size: 28px;
        display: block;
        margin-bottom: 10px;
    }
    .dCategoria .box1{
       
    } 
        .dCategoria .box1 > .nivel{
            width: 100%;
            display: block;
        }
        .dCategoria .box1 > .cantidad{
            width: 48%;
            display: inline-block;
        }
        .dCategoria .box1 > .verTodos{
            width: 48%;
            text-align: right;
            display: inline-block;
        }
    .btn.btn-D6{
        margin: 0 6px 4px 0;    
    }
        .btn.btn-D6 > span{
            font-size: 15px;
            padding: 2px 17px 2px 17px;    
        }

}

@media screen and (max-width: 400px) {

    .dNacionalInternacional h3 {
        font-size: 40px;
    }

}

@media screen and (max-width: 350px) {

    footer .contenedorD2 .row{
        display:block;   
    }
        footer .contenedorD2 .row > div{
            display:block;   
            width: 100%;
        }
    
        footer .linkWeb{
            margin: 40px 0;
            text-align: center;
        }
        
    .dCategoria h1 {
        font-size: 30px;
    }    
    .dCategoria .box1{
       
    } 
        .dCategoria .box1 > *:nth-child(1){
            width: 100%;
            display: block;
        }
        .dCategoria .box1 .btn{
            margin: auto;
        }
        .dCategoria .box1 > *:nth-child(2){
            width: 100%;
            display: block;
            text-align: center;
            margin-bottom: 15px;
        }
        .dCategoria .box1 > *:nth-child(3){
            width: 100%;
            text-align: center;
            display: block;
        }
        
}
@media screen and (max-width: 310px) {

    header .bi-facebook{
        font-size: 22px;
        line-height: 40px;    
        margin-left: 5px;
    }
    header .In img {
        height: 22px;
        margin-bottom: 0px;
    }
    header .redes {
        right: 25px;
    }
    .dNacionalInternacional h3 {
        font-size: 30px;
    }
    
}