.coletilla p {margin-top:0;}
.coletilla .in {margin-left:14px}
.coletilla .inner {margin-left:28px}
.coletilla .indent {text-indent:-14px}

/*Sección Intro*/

#semaforos-riesgo {
  margin-left: 0px;
  padding-bottom: 15px;
  margin-top: 0px;
  margin-bottom: 16px;
}

 .section.intro {
    min-height: 65vh; 
    position: relative;    
     background-position: center center;   
     background-repeat: no-repeat;
     background-color: #fffcf7 !important ;
    background-size: cover;      
}

 .section.intro.cuenta-vamos {
      background-image:url(/public/img/particulares/home/cuentavamos.jpg?);
}

 .section.intro.home {
      background-image:url(/public/img/particulares/home/cuentavamos1.jpg?);
}

 .section.intro.home2 {
      background-image:url(/public/img/particulares/home/cuentavamos2.jpg?);
}


 .home.section.intro {
     min-height: 0vh;}

.home.section.intro .vertical-align {
    justify-content:flex-end !important;
}

@media (max-width:992px) {
    .home.section.intro .vertical-align {
    justify-content:flex-start !important;
}
}

 .home.section.intro .svg-logo {
     width:135px; height:80px;}

 .home.section.intro h1,  .home.section.intro h2.h1 {
     font-weight:bold;
     padding:0; margin:16px 0;
text-shadow:0 6p 6px 12px rgba(0,0,0,0.5);
color:black;
}
 .home.section.intro h1 sup,  .home.section.intro h2.h1 sup {
     font-weight:normal !important;
     font-size: 50%;
     top: -.75em;
}

.black-alpha {
    background-color:rgba(0,0,0,0.5);
    color:white; width:100%; 
    padding-bottom:24px; padding-top:24px;
}

.swiper-container.box-slide-js, .swiper-slide.swiper-slide-active {width:100% !important;}

@media (max-width:991px) {
    .section.intro.home2 {
        margin-left:-16px !important; 
        margin-right:16px !important;
    }
}


@media (max-width:767px) {
    .section.intro, .section.intro.home, .section.intro.home2 {
    min-height: 0px; 
    background:none; 
    }   
}

.intro .container {position: relative;}
.intro:not() h1 .gris {color:#706050}

.home.intro .card-mini {
padding: 22px 20px 20px 12px !important;
}

.cuenta-vamos.intro .card-mini {
padding: 8px 20px 20px 12px !important;
}

.intro .card-mini .card-content .card-text h1, .home .card h1 {
    font-size: 52px !important;
    line-height: 60px !important;
  letter-spacing: 0px !important;
  font-weight: bold !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #000;
}

.intro .bigger {font-size:32px; font-weight: bold;}
.intro .big {font-size:20px; font-weight: bold;}

@media (max-width:767px) {
    .intro .card-mini .card-content .card-text h1, .home .card h1 {
  font-size: 34px !important;
  line-height: 42px !important;}
    
    .intro .bigger {font-size:28px;}
}

/*INTRO HOME PARTICULARES*/

.no-card {color:white;}
/*FIN INTRO HOME PARTICULARES*/

/*intro APP*/

.app-container {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	align-content: stretch;
}
.app-box {background-color: rgba(0,0,0,.4); padding:12px;}
.app-box * {text-align:center;}

 .app {
    margin:18px auto 0px auto;
}

 .app a {
    display: inline-block !important;
}

 .app h3 {
    color: black !important;
    font-size: 16px !important;
    line-height: 24px !important;
    }

 .app .svg {
  height:60px !important;
  width:auto;
  margin:0 auto;
  display:block;
  margin-bottom:12px;
  max-width:90%;
}
 .app .svg-xs {
  width: 100px !important;
}
 .app .svg-sm {
  width: 120px !important;
}
 .app .svg-md {
  width: 155px !important;
}

@media (max-width:767px) {
 .app {
    margin:0 0 0 -16px;
    }
    .app .svg {
        height:40px !important;    
        margin:0 8px 0 0;
        display:block;
        max-width:100%;
    }
}

/*FIN intro*/
.barra-azul {
  background-color: #0b7ad0;
  bottom: 0px;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  z-index: 999;
  text-align: center;
}

@media (max-width: 768px){
    .barra-azul {
        cursor: pointer;
        position: fixed !important;
        bottom: 0px;
        left: 0;
        width: 100%;
        z-index: 999;
        box-shadow: 0 0 12px rgba(0, 0, 0, .7);
        background-color: #0b7ad0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/*MODAL VAMOS*/

.modal-cuenta-vamos {
    position: fixed;   
z-index: 1050;
}

#callToActionModal.modal-cuenta-vamos .modal-dialog {
  position: fixed;
  bottom: 40px;
  right: 40px;
  background-color: transparent;
  width: 300px;
  box-shadow: -3px -3px 120px #cccccc;
}

#callToActionModal.modal-cuenta-vamos .modal-content {
  margin-top: 0;
  padding: 24px;
}

@media (max-width:991px) {
    
    #callToActionModal.modal-cuenta-vamos .modal-dialog {
  bottom: 0px;
  right: 0px;
  background-color: transparent;
  width: 100%;
    }
    #callToActionModal.modal-cuenta-vamos .modal-content {
        background-color: #fff;
        background-clip: none;
        border: 0px solid #999;
        border: 0px solid rgba(0,0,0,.2);
        border-radius: 0px;
        -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.0);
        box-shadow: 0 3px 9px rgba(0,0,0,.0);
        outline: 0;
        padding:12px 12px 12px 12px !important;
}
    #callToActionModal.modal-cuenta-vamos p {
        margin-bottom:2px !important;
    }
    
    #callToActionModal.modal-cuenta-vamos .modal-dialog .buttons, #callToActionModal.modal-cuenta-vamos .modal-dialog .btn-primary {
  margin: 8px auto 0 auto !important;
    }
    
}

/*FIN MODAL VAMOS*/


/*CARd TRANSPARENT*/ 

.card-transparent {
    background: url(/public/img/empresas/kit-digital/marco.png) no-repeat;
    background-size: 768px 768px ;
    background-position: top left; 
    border-right: 6px solid white;
    border-bottom: 6px solid white; 
    box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
}

.card-transparent:hover {
     box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    -webkit-box-shadow: 0 8px 22px 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
}


.card-transparent .card-content {
    padding:16px 16px 16px 40px;
    color:white !important;
}

.card-transparent .card-content h1 {
color:white;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
line-height: 26px;
margin-top: 8px;
margin-bottom: 8px;
}

.card-transparent .card-content h2 {
color: white;
font-size: 36px;
line-height: 42px;
font-weight: bold !important;
margin-top: 8px;
margin-bottom: 8px;
}

.visible-xxs {display:none;}


@media (max-width:1199px) {  
    .app {margin:18px -15px 0px -26px !important; }
}
@media (max-width:767px) {  
    .app {margin:18px -15px 0px -16px !important;
    }
}
@media (max-width:724px) {  
    .intro .col-xs-6 {width:55% !important; }
}
@media (max-width:659px) {  
    .intro .col-xs-6 {width:400px !important; }
}
@media (max-width:551px) {  
    .intro .col-xs-6 {width:350px !important; }
}
@media (max-width:520px) {  
    .intro .col-xs-6 {width:350px !important; }
}
@media (max-width:500px) {  
    .intro .col-xs-6 {width:300px !important; }
        .section.intro {
    background-position: -180px;}    
}
@media (max-width:460px) {  
    .intro .col-xs-6 {width:300px !important; }
        .section.intro {
    background-position: -200px;  }
    .app a { margin:4px auto;        
    }
}
@media (max-width:360px) {  
    .intro .col-xs-6 {width:100% !important; }
        .section.intro {
    background-position: 100px;  }
    .visible-xxs {display:block;}
    .app a {max-width:100%;}
}


/*FIN CARd TRANSPARENT*/