/*-----------------------------------
    1. INTRO 
-----------------------------------*/

.intro-top-gen..intro-top-gen .smarthome-top h1{
	font-family: 'PulsoRegular';
	text-transform: none;
	letter-spacing: normal;
/*	background: #00B7EB;*/
	color: #ffffff;
}




.smarthome-intro{
/*	background: #f5f5f5;*/
	border-radius: 3px;
}

.smarthome-intro h2{
	letter-spacing: 1px;	
}


.intro-smarthome .about-img {
	background: #F9FAFB;
	border: 1px solid #E5E7EB;
	border-radius: 16px;	
}

.intro-smarthome .about-img .about-img-detail{
	padding: 22px 20px;
}

.intro-smarthome .about-img .about-img-detail h3{
	font-family: 'PulsoRegular';
	color: #121212;	
	letter-spacing: 0;
	font-size: 1.5em;
}

.intro-smarthome .about-img .about-img-detail h3 img{
	padding-right: 12px;
	
	
}

.intro-smarthome .about-img .about-img-detail p{
	color: #121212;
	line-height: 1.2;
	font-size: 1.02em;
}


.intro-smarthome .about-img .about-img-detail a{
	font-family: 'RobotoMedium';
/*	font-family: 'PulsoRegular';*/
	color: #FFFFFF;
	background: #084D8B;
	font-size: .9em;
	padding: 10px 15px;
	border-radius: 4px;
	
}


.intro-smarthome .about-img .about-img-details p{
	font-family: 'PulsoRegular';
	color: #121212;
/*	line-height: 1.2;*/
	font-size: 1.05em;
	margin: 20px 10px;
}


.intro-smarthome .about-img .about-img-details{
/*	padding: 22px 20px;*/
  margin: 0;
  position: relative;
/*  top: 50%;*/
/*  transform: translateY(-50%);*/
}


/*SECTION DESCARGA BTN*/
.btn-download{
	
}







/*-----------------------------------
    2. FEATURE CAMERA
-----------------------------------*/
.bg-gray{
	background: #F3F4F6;
}


.features-camera{
	
}

.features-camera .grid{
	background: #ffffff;
	border: solid 1px #E5E7EB;
	border-radius: 16px;
}

.features-camera h2{
	font-family: 'PulsoLight';
	font-size: 2.7em;
	color: #121212;
	text-transform: none;
	letter-spacing: 0;
	text-align: center;
	line-height: normal;
}


.features-camera h2 span{
	font-family: 'PulsoRegular';
}


/*--------------------------------
2.1. Accodrion 
----------------------------------*/

.sh-accordion {
	
}

.sh-accordion .panel {
	box-shadow: none;
}

.sh-accordion .panel img{
	margin: 5px 15px;
}

.sh-accordion .sign {
	color: #a0729a;
	padding: 0 2px;
	position: absolute;
	left: -30px;
	top: 2px;
}

.sh-accordion .accordion .panel-heading.active .sign {
	color: #a0729a;
}

.sh-accordion .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	color: #121212;
	position: relative;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
}

.panel-internal-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	color: #393538;
	position: relative;
	text-transform: none;
	font-family: 'PulsoLight';
	letter-spacing: 3px;
}

.sign {
	color: #a0729a;
	padding: 0 2px;
	top: 6px;
}

.sh-accordion .panel-heading.active .sign {
	color: #a0729a;
}

.sh-accordion .panel {
	margin-bottom: 20px;
/*	background-color: transparent;*/
/*	border: 1px solid #e4e9ea;*/
/*	border-radius: 15px;*/
}

.sh-accordion .panel-default {
	border-color: transparent;
}

.sh-accordion .panel-group .panel {
/*	border-radius: 15px;*/
	border: 1.5px solid #E5E7EB;
}

.sh-accordion .panel-default>.panel-heading {
	color: #323734;
	background-color: #ffffff;
	border-bottom: none;
/*	padding: 5px 0px;*/
}

.sh-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .sh-accordion .panel-group .panel-heading+.panel-collapse>.panel-body {
/*	border-bottom: 1px solid #E5E7EB;*/
	color: #121212;
		border-bottom: none;

}

.sh-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .sh-accordion .panel-group .panel-heading+.panel-collapse>.panel-body .bkl{
	color: #121212;
}

.sh-accordion .panel-body {
	padding: 15px 20px;
}

.sh-accordion .panel-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 40px;
	margin-top: 20px;
	
}


.sh-accordion .panel-body li {
	padding-left: 12px;
	padding-bottom: 0;
	margin-bottom: 5px;
	border-left: 3px solid #a5a5a5;
}

.sh-accordion .panel-body p:last-child {
	margin-bottom: 0px;
	font-size: 1.05em;
}

.sh-accordion .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
/*	border-bottom: 1px solid #e5e5e5;*/
}


.sh-accordion .rg {
	float: right;
	margin-top: 5px;
}







/*-----------------------------------
    3. STORAGE PRICES
-----------------------------------*/

.storage-price h2{
	font-family: 'PulsoLight';
	text-transform: none;
	letter-spacing: normal;
	text-align: center;
	line-height: normal;
	
}

.storage-price h2 span{
	font-family: 'PulsoRegular';
	font-weight: 400;	
	
}

.storage-price p{
	font-family: 'PulsoRegular';
	text-align: center;
}

.storage-price p span{
	font-family: 'PulsoRegular';
	text-align: center;
}


.pricing-list {
	margin: 2em 0 0;
}

.pricing-list > li {
	position: relative;
	margin-bottom: 1em;
	list-style: none;	
	padding: 20px;
}

@media only screen and (min-width: 768px) {

  .pricing-list {
    margin: 3em 0 0;
  }
  .pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .pricing-list > li {
    width: 25%;
/*    width: 33.3333333333%;*/
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  }
  
  .pricing-list-four > li {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  	margin-bottom: 60px;
  }
  
  
  .has-margins .pricing-list > li {
    width: 32.3333333333%;
    float: left;
    margin-right: 1.5%;
  }
  .has-margins .pricing-list > li:last-of-type {
    margin-right: 0;
  }
/*
}



@media only screen and (min-width: 768px) {
*/

/*
  .storage-price .pricing-list {
    margin: 3em 0 0;
  }
  .storage-price .pricing-list:after {
    content: "";
    display: table;
    clear: both;
  }
*/
  .storage-price  > li {
/*    width: 25%;*/
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  }
  
/*
  .pricing-list-four > li {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  	margin-bottom: 60px;
  }
*/
  
  
/*
  .has-margins .pricing-list > li {
    width: 32.3333333333%;
    float: left;
    margin-right: 1.5%;
  }
  .has-margins .pricing-list > li:last-of-type {
    margin-right: 0;
  }
}
*/
}


/*-----------------------------------
    2.2 WARNING BOX
-----------------------------------*/

.storage-price .warning-section{
    background: #ffffff;
    border: solid 1px #E5E7EB;
    border-radius: 16px;	
	margin-bottom: 60px;
	margin-top: 60px;
	letter-spacing: .5px;
}


.storage-price .warning-section .text{
	padding-left: 50px;
	padding-top: 50px;
}

.storage-price .warning-section h2{
	font-family: 'PulsoRegular';
    font-size: 2em;
	font-weight: 400;
	text-align: left;
	line-height: 1.2;
	text-align: left;
	margin-top: 20px;
}

.storage-price .warning-section p{
    font-size: 1.1em;
	color: #121212;
	text-align: left;
	line-height: 1.2;
	margin-bottom: 15px;	
	line-height: 1.3;
}
.storage-price .warning-section p span{
	font-weight: 700;	
}

.storage-price .warning-section img{
	float: right;
	width: 100%; 	
}







.plan-list {
	margin: 2em 0 0;
}

.plan-list > li {
	position: relative;
	margin-bottom: 1em;
	list-style: none;	
	padding: 20px;
}

@media only screen and (min-width: 768px) {
  .plan-list {
    margin: 3em 0 0;
  }
  .plan-list:after {
    content: "";
    display: table;
    clear: both;
  }
  .plan-list > li {
/*    width: 25%;*/
    width: 33.3333333333%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  }
  
  .plan-list-four > li {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
	  list-style: none;
  	margin-bottom: 60px;
  }
  
  
  .has-margins .plan-list > li {
    width: 32.3333333333%;
    float: left;
    margin-right: 1.5%;
  }
  .has-margins .plan-list > li:last-of-type {
    margin-right: 0;
  }
}








.cd-top-desc {
padding: 2.3em 1em 1.3em;
border-radius: 0.9em 0.9em 0 0;
/* box-shadow: inset 0 2px 0 #d4d7d3; */
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*background-color: #199AE0;*/
}

.basico{
	background-color: #00B7EB;
}

.medio {
	background-color: #199AE0;
}

.full {
	background-color: #084D8B;
}

.full-hogar {
	background-color: #052C50;
}



.basico-head{
	background-color: #00B7EB3D;
}

.medio-head {
	background-color: #199AE03D;
}

.full-head {
	background-color: #084D8B3D;
}

.full-hogar-head {
	background-color: #052C503D;	
}


.cd-top-desc h2 {
  font-size: 2rem;
  margin-bottom: 0.15em;
}

.cd-top-desc .cd-price {
/*  display: inline-block;*/
  font-weight: normal;
  text-align: center;
  color: #ffffff;
	

}
.cd-top-desc .cd-price::after {
  clear: both;
  content: "";
  display: table;
}

.cd-price img {
	margin-bottom: 30px;
	margin-top: 10px;
}


.cd-top-desc span {
/*  float: left;*/
}
.cd-top-desc span#mas {
  font-size: 25px;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: PulsoRegular;
  margin-bottom: 10px;
  margin-top: 5px;
  color: #919191;
}

.cd-top-desc span:nth-of-type(1) {
  	color: #ffffff;
    display: table;
/*    clear: both;*/
    width: 100%;
/*    float: left;*/
    font-size: 2.2em;
	font-family: PulsoRegular;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 0.9em;
}


    .cd-top-desc .tag {
      display: inline-block;
      background-color: #f5f5f5;
      color: #052C50;
      padding: 3px 15px;
      border-radius: 30px;
	  font-family: 'RobotoMedium';
      text-transform: uppercase;
      font-size: .8em;
      text-decoration: none;
      transition: background-color 0.3s ease;
	  margin: 15px 0;
    }



.cd-top-desc span:nth-of-type(2)::before {
/*  content: '/';*/
}
@media only screen and (min-width: 768px) {
  .cd-top-desc h2 {
    font-size: 2.6rem;
  }
}



.cd-pricing-header {
  padding: 2em 1em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
/*  background-color: #A8E0F63D;*/
}

.cd-pricing-header {
  padding: 2em 1em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
/*  background-color: #A8E0F63D;*/
}

.cd-pricing-header .price-value {
	color: #052C50;
	font-family: PulsoRegular;
	text-align: center;
}



.cd-pricing-header .price-value .price-unit {
	position: relative;
/*	top: -30px;*/
	font-size: 1.8em;
	font-weight: 200;
	letter-spacing: -0.4px;
	font-family: PulsoRegular;
}

.cd-pricing-header .price-value .price-number {
	font-size: 2.3em;
	text-align: center;
	position: relative;
	font-weight: 200;
	font-family: PulsoRegular;
/*	top: -30px;*/
}


.cd-pricing-header .price-value .cuota span{
	line-height: 0;
	font-size: .8em;
}



.cd-pricing-header .cd-price::after {
  clear: both;
  content: "";
  display: table;
}
.cd-pricing-header span {
/*  float: left;*/
}

.cd-pricing-header span:nth-of-type(2)::before {
}
@media only screen and (min-width: 768px) {
  .cd-pricing-header h2 {
    font-size: 2.6rem;
  }
}




.cd-pricing-header-storage {
  padding: 2em 1em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #A8E0F63D;
}

.cd-pricing-header-storage  {
  padding: 2em 1em;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
/*  background-color: #A8E0F63D;*/
}

.cd-pricing-header-storage  .price-value {
	color: #052C50;
	font-family: PulsoRegular;
	text-align: center;
}



.cd-pricing-header-storage  .price-value .price-unit {
	position: relative;
/*	top: -30px;*/
	font-size: 1.8em;
	font-weight: 200;
	letter-spacing: -0.4px;
	font-family: PulsoRegular;
}

.cd-pricing-header-storage  .price-value .price-number {
	font-size: 2.3em;
	text-align: center;
	position: relative;
	font-weight: 200;
	font-family: PulsoRegular;
/*	top: -30px;*/
}


.cd-pricing-header-storage  .price-value .cuota span{
	line-height: 0;
	font-size: .8em;
}



.cd-pricing-header-storage  .cd-price::after {
  clear: both;
  content: "";
  display: table;
}
.cd-pricing-header-storage  span {
/*  float: left;*/
}

.cd-pricing-header-storage  span:nth-of-type(2)::before {
}
@media only screen and (min-width: 768px) {
  .cd-pricing-header-storage  h2 {
    font-size: 2.6rem;
  }
}








.cd-pricing-features {
	padding: 1.8em 2.5em 1.5em;
	background-color: #fcfcfc;
	box-shadow: 0 2px 1px #d7d7d7;
}

.cd-pricing-features li {
    line-height: 2.2em;
	list-style: none;
	font-size: 1em;
	color: #121212;
	text-align: left;
	padding-right: 10px;
/*	padding-right: 0;	*/
}

.cd-pricing-features li img {
	padding-right: 5px;
	width: 24px;
} 


.cd-pricing-features li:last-of-type {
  margin-bottom: 0;
}




/*-----------------------------------
   COMBOS
-----------------------------------*/
    .combos-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
        max-width: 1200px;
        margin: auto;
    }


    .combo-card {
        background: white;
        border-radius: 10px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        overflow: hidden;
        display: flex;
        flex-direction: column;
/*        align-items: center;*/
        padding: 15px;
        transition: transform 0.2s ease-in-out;
    }

    .combo-card:hover {
/*        transform: translateY(-5px);*/
    }

    .combo-card img {
        width: 80%;
        height: auto;
        margin-bottom: 15px;
    }

    .combo-title {
		font-family: 'PulsoRegular';
		color: #121212;
/*        font-weight: bold;*/
        font-size: 18px;
		text-align: left;
        margin-bottom: 10px;
    }

    .combo-details {
        width: 100%;
        font-size: 14px;
        color: #555;
        margin-bottom: 10px;
    }

    .combo-details div {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
        padding: 5px 0;
    }

    .combo-price {
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0;
    }

    .combo-price div {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
/*        padding: 5px 0;*/
    }


    .combo-price div p{
		font-family: 'RobotoRegular';
		font-size: .65em;
        text-transform: uppercase;
		color: #6B7280;
		
    }

    .combo-price div small{
		font-family: 'PulsoRegular';
		font-size: .8em;
        text-transform: uppercase;
		color: #121212;
    }

    .combo-price div span{
		font-family: 'PulsoRegular';
		font-size: 1.2em;
        text-transform: uppercase;
		color: #121212;
		letter-spacing: .5px;
    }



    .combo-button a{
        background-color: #174A8B;
        color: white;
        padding: 10px;
        width: 100%;
        border: none;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .combo-button a:hover {
        background-color: #0e3562;
    }

    /* Responsive: texto más grande en pantallas grandes */
    @media (min-width: 768px) {
        .combo-title {
            font-size: 20px;
        }
        .combo-price {
            font-size: 20px;
        }
    }


.faq .st-accordion h3{
	 font-family: 'PulsoRegular';
	font-size: 2.1em;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 40px;
	line-height: normal;
}



.alert-2{
	padding: 10px 20px;
	border: 1.5px solid #E5E7EB;
	border-radius: 16px;
	background: #F9FAFB;
	font-family: 'PulsoRegular';
	color: #084D8B;
	text-align: center;
	margin: 0 30px;
}

.alert-3 {
	padding: 10px 20px;
	border-radius: 16px;
	background:#A8E0F65C;
/*	opacity: .5;*/
	text-align: center;
}

.alert-3 img{
	margin-right: 10px;
}

.alert-3 p{
	font-family: 'PulsoRegular';
	font-size: .9em;
	color: #084D8B;
	
}






@media only screen and (max-width:768px) {
	.smarthome-intro h2{
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 1.2;
		font-size: 2em;
	}

	.btn-download .about-img-details p{
/*		margin-bottom: 10px;*/
	}
	
	.btn-download .about-img-detail p{
		margin-bottom: 10px;
	}
}


/*
.form-top-sh {
	border-radius: 0.9em ;
	background-color: #fff;
	padding: 10px 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	min-height: 425px;
	
}
*/



@media only screen and (max-width: 1450px) {
    .form-top-sh {
	border-radius: 0.9em ;
	background-color: #fff;
	padding: 10px 15px 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	min-height: 325px;
	
    }
	
.form-top-sh p{
    font-family: 'PulsoLight';
	font-size: 1em;
	text-align: center;
	line-height: normal;
	letter-spacing: normal;
	
}		
	
}

	
.form-top-sh {
/*    position: relative;*/
/*    top: -35px;*/
}

.form-top-sh {
    border-radius: 0.9em;
    background-color: #fff;
    padding: 10px 15px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    min-height: 325px;
	margin-top: 50px;
}

@media only screen and (max-width: 768px) {
	.form-top-sh {
/*
		border-radius: 0.9em;
		background-color: #fff;
		padding: 10px 15px 0;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		min-height: 325px;
*/
		margin-top: 280px;
	}

}


.form-top-sh h3{
    font-family: 'PulsoRegular';
	font-size: 1.5em;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	margin: 10px 0 0 0;
	
}	

.form-top-sh p{
    font-family: 'PulsoLight';
	font-size: 1em;
	text-align: center;
	line-height: normal;
	letter-spacing: normal;
	margin: 0;
}	





.intro-top-gen {
/*	background-color: red;*/
	/*height: 220px;*/
/*	height: 640px;*/
	height: 500px;
/*	height: 520px;*/
	display: block;
/*	margin-bottom: 100px;*/

}


.intro-top-gen .smarthome-top {
/*	height: 220px;*/
/*	height: 640px;*/
	height: 500px;
/*	height: 520px;*/
	background-repeat: no-repeat;
	background-color: #05496b;
/*	background-size: cover !important;*/
	background-position: center top;
}


/*
.intro-top-gen .smarthome-top {
    background: url("../img/top/top-smarthome-m.png") 100% no-repeat;
    background-position: center;
}
*/

@media only screen and (max-width: 768px) {
    .intro-top-gen .smarthome-top {
        height: 100% !important;
        background-repeat: no-repeat;
/*      background-position: center top;*/
        background-size: cover;
        background-color: #cecece;
    }
}


@media only screen and (max-width: 768px) {
    .intro-top-gen {
        height: 720px !important;
        display: block;
    }
}

strong{
	color: #333 !important;
	font-weight: 500 !important;
}