:root {
  --secos: #084e5e;
}
.color-secos{
	color:var(--secos) !important;
}
.bg-secos{
	color:#fff !important;
	background-color:var(--secos) !important;
}
.bg-secosw{
	color:#fff !important;
	background-color:#6ccdea !important;
}
article.page, body{
	margin:0 !important;
}
@font-face {
    font-family: 'TT Supermolot Neue Bold';
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.eot');
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.woff2') format('woff2'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.woff') format('woff'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.ttf') format('truetype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Bold.svg#TTSupermolotNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Supermolot Neue Regular';
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.eot');
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.woff2') format('woff2'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.woff') format('woff'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.ttf') format('truetype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-Medium.svg#TTSupermolotNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Supermolot Neue Semibold';
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.eot');
    src: url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.woff2') format('woff2'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.woff') format('woff'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.ttf') format('truetype'),
        url('https://econtainers.co/landings/wp-content/themes/econtainers/fonts/TTSupermolotNeue-DemiBold.svg#TTSupermolotNeue-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
body{
	position:relative;
	font-family: "Quicksand", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
}
.entry-content{
	margin:0 !important;
	padding:0 !important;
}
.head-landings{
	height:60vh;
	max-height:650px;
}
header.site-header{
	position:absolute;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	width:100%;
	height:180px;
	z-index:999;
}
div.logo img{
	max-width:260px;
}
.content-landings{
	width:67%;
	max-width:1300px;
	margin:0 auto !important;
}
.row-text-hero{
	padding-bottom:20px;
}
.row-text-hero h3{
	font-family: 'TT Supermolot Neue Bold', Arial, Helvetica;
	font-size: 2.8rem;
	line-height:3.3rem;
	color:#fff;
	margin:0;
	padding:0;
}
.row-text-hero p{
	font-family: "Quicksand", sans-serif !important;
	font-size: 1.5rem;
	line-height:2rem;
	color:#fff;
	margin:0;
	padding:0;
}
.row-form-block-lps{
	padding:90px 0;
}
.text-right-form h2{
	font-family: 'TT Supermolot Neue Bold', Arial, Helvetica;
	font-size: 2.5rem;
	line-height:3rem;
	margin:0;
	padding:0 20% 0 0;
}
.text-right-form ul{
	margin:20px 0 0 0;
	padding:0 0 0 24px;
	font-family: "Quicksand", sans-serif !important;
	font-size: 1.5rem;
	line-height:2.2rem;
}
.text-footer-form{
	text-align:center;
	font-family: "Quicksand", sans-serif !important;
	font-size: 1.6rem;
	line-height:2rem;
}
.form-landings-25{
	padding:30px;
	border-radius:24px;
}
.form-landings-25 p{
	font-family: 'TT Supermolot Neue Bold', Arial, Helvetica;
	font-size: 1.6rem;
	line-height:2rem;
	margin:0;
	padding:0;
}
.row-form{
	margin:2% 0;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.col-form3{
	width:32%;
}
.col-form3 span, .col-form3 span input{
	width:100%;
	height:44px;
	border:none !important;
	border-radius:4px;
}
.col-form3 span input, .col-form2 span select, .col-form2 input{
	padding-left:10px !important;
	color: var(--secos) !important;
}
.col-form2{
	width:49%;
}
.col-form2 span, .col-form2 span select, .col-form2 input{
	width:100%;
	height:44px;
	border:none !important;
	border-radius:4px;
}
.row-send{
	margin:4% 0 0 0;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
.row-send input{
	order:2;
}
.row-send span{
	order:1;
}
.btn-secos input{
	background-color: #084e5e !important;	
	color:#fff !important;
	border:none !important;
	border-radius:10px !important;
	padding:14px 60px 14px 14px !important;
	font-family: 'TT Supermolot Neue Bold', Arial, Helvetica;
	font-size: 1.4rem;
	line-height:2rem;
}
/* Estilo general para placeholders */
input::placeholder,
textarea::placeholder {
  color: var(--secos) !important;           
  font-family: "Quicksand", sans-serif !important;
  font-size: 1rem !important;       
  opacity: 1 !important;            
}

/* Safari y navegadores antiguos */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: var(--secos) !important;           
  font-family: "Quicksand", sans-serif !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: var(--secos) !important; 
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
   color: var(--secos) !important; 
}

/* Select como placeholder cuando se usa first_as_label */
select {
   color: var(--secos) !important;            
  font-family: "Quicksand", sans-serif !important;
}

select option:first-child {
   color: var(--secos) !important; 
}
.wpcf7-not-valid-tip{
	color: red !important;
    font-size: 0.7rem !important;
	height:14px !important;
}
.wpcf7-submit{
	background-image:url(https://econtainers.co/landings/wp-content/themes/econtainers/img/submit-icon.svg) !important;
	background-repeat:no-repeat !important;
	background-size:10% !important;
	background-position:right center !important;
}
.wpcf7-submit:hover{
	cursor:pointer;
}
.row-gallery1, .row-gallery2{
	height:290px;
	justify-content:space-between;
}
.row-gallery1{
	margin-bottom:0.85% !important;
}
.col11, .col13, .col14, .col21, .col22, .col23, .col25{
	-webkit-box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.2) !important;
	box-shadow: 2px 2px 6px 4px rgba(0,0,0,0.2) !important;
}
.col11{
	width:17% !important;
}
.col12{
	width:29.6% !important;
}
.col13{
	width:14% !important;
}
.col14{
	width:22% !important;
}
.col15{
	width:14% !important;
	background:red;
}
.col21{
	width:10.5% !important;
}
.col21, .col21 .vc_column-inner, .col11 , .col11 .vc_column-inner{
	-webkit-border-radius: 0 24px 24px 0;
	border-radius: 0 24px 24px 0;
}
.col22{
	width:15% !important;
}
.col23{
	width:21% !important;
}
.col24{
	width:21.6% !important;
}
.col22, .col22 .vc_column-inner, .col23, .col23 .vc_column-inner, .col24, .col24 .vc_column-inner, .col13, .col13 .vc_column-inner, .col14, .col14 .vc_column-inner{
	-webkit-border-radius: 24px;
	border-radius: 24px;
}
.col25{
	width:28.5% !important;
}
.col25, .col25 .vc_column-inner, .col15, .col15 .vc_column-inner{
	-webkit-border-radius: 24px 0 0 24px;
	border-radius: 24px 0 0 24px;
}
.sect-ventajas{
	padding-bottom:50px;
}
.text-imgs-row{
	padding-left:10%;
}
.text-imgs-row strong{
	font-weight:normal;
	font-family: "Quicksand", sans-serif !important;
	font-size:2rem;
}
.text-row-gallery h1{
	font-family: 'TT Supermolot Neue Bold';
	font-size: 2.5rem;
    line-height: 3rem;
}
.text-row-gallery{
	padding:0 17%;
}
.title-ventajas{
	color:#fff;
	text-align:center;
	font-family: 'TT Supermolot Neue Bold';
	font-size: 1.8rem;
    line-height: 2.5rem;
}
.text-ico-vent p, .ico-vent{
	margin:0 !important;
	padding:0 !important;
}
.text-ico-vent{
	text-align:center;
	color:#fff;
	font-family: "Quicksand", sans-serif !important;
	font-size:1.1rem;
	line-height:1.4rem;
	margin:0;
	padding:0;
}
.sec-steps{
	min-height:514px;
	background-image: url(https://econtainers.co/landings/wp-content/uploads/2025/10/contenedor-refigerado.png) !important;
	background-repeat: no-repeat !important;
	padding:0 !important;
	background-position:right center !important;
}
.text-pasos h4{
	color:var(--secos);
	font-family: 'TT Supermolot Neue Bold';
	font-size: 2.5rem;
    line-height: 3rem;
	padding-right:20%;
}
.text-pasos ul {
	margin:0;
	padding:0;
	list-style:none;
}
.text-pasos ul li {
	color:var(--secos);
	font-family: "Quicksand", sans-serif !important;
	font-size:1.5rem;
	line-height:1.5rem;
	margin:35px 0;
	padding:0;
	position:relative;
}
.text-pasos ul li strong{
	font-family: 'TT Supermolot Neue Bold';
	font-size:4.5rem;
    line-height: 4.5rem;
	margin-right:20px;
	opacity:0.2;
	position:relative;
	color:#6ccdea !important;
}
.text-pasos ul li::before{
	content:"--";
	position:absolute;
	bottom:-25px;
	left:3px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size:3rem;
	color:#6ccdea !important;
}
.text-pasos ul li:last-child::before{
	content:"";
}
.text-faqs{
	text-align:center;
	color:var(--secos);
	font-size:2.5rem;
	line-height:2.5rem;
	font-family: 'TT Supermolot Neue Bold';
}
.acordion-faqs h4 span{
	color:var(--secos);
	font-family: "Quicksand", sans-serif !important;
	font-size:1.3rem;
	line-height:1.3rem;
	font-weight:normal;
}
.acordion-faqs .vc_tta-panel{
	padding: 5px 0;
    margin-bottom: 15px;
}
.acordion-faqs .vc_tta-panel .vc_tta-panel-heading{
	background:#e0e0e0 !important;
}
.acordion-faqs  .vc_tta-controls-icon::before{
	border-color:var(--secos) !important;
}
.btn-footter{
	text-align:center;
}
.btn-footter a{
	color:#fff;
	text-decoration:none;
	font-size:1.7rem;
	line-height:1.7rem;
	font-family: 'TT Supermolot Neue Bold';
	display:inline-block !important;
	width: max-content !important;
	white-space: nowrap;
	padding:24px 80px 24px 24px;
	border-radius:14px !important;
	background-image:url(https://econtainers.co/landings/wp-content/themes/econtainers/img/submit-icon.svg) !important;
	background-repeat:no-repeat !important;
	background-size:9% !important;
	background-position:right center !important;
}
.title-pie-land h5{
	font-family: "Quicksand", sans-serif !important;
	font-size:1.3rem;
	line-height:1.3rem;
	font-weight:bold;
}
.info-text-pie h6, .info-text-pie p{
	font-family: "Quicksand", sans-serif !important;
	font-size:0.8rem;
	line-height:1.2rem;
	font-weight:normal;
	margin:0;
	padding:0;
}
.text-into-faqs{
	color:var(--secos);
}
.text-into-faqs ul{
	margin:0;
	padding:0 0 0 24px;
}
.text-into-faqs strong{
	padding-top:20px;
	display:block;
}
/* --- Contenedor del botón flotante --- */
.fab-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 999;
}

/* --- Botón principal --- */
.fab-main {
  background-color: #fff;
  border: 2px solid var(--secos);
  color:  var(--secos);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
	display:none;
}
.fab-main:hover {
  transform: scale(1.1);
}

/* --- Íconos secundarios --- */
.fab-option {
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	border: 2px solid #fff;
	width: 60px;
  height: 60px;
  background-color: #222;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
	text-align:center;
  gap: 10px;
  margin-bottom: 10px;
  opacity: 1;
  transform: translateY(20px);
  transition: all 0.3s ease;
  text-decoration: none;
}
.fab-option:visited, .fab-option:hover{
	color:#fff;
}
.fab-option i {
  font-size: 20px;
	width:100%;
	text-align:center;
}

/* --- Mostrar opciones activas --- */
.fab-container.active .fab-option {
  opacity: 1;
  transform: translateY(0);
}

/* --- Ícono principal --- */
.fab-icon {
  font-size: 24px;
}


#info-btn{
	display:block;
}

.fab-option {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem .9rem;
    border-radius: 999px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 600;
    opacity: 1;
    transform: translateY(8px);
    transition: all .22s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
  }
.fab-option:hover{
	cursor:pointer;
}
.fab-container.active .fab-option {
    opacity: 1;
    transform: translateY(0);
  }





  .side-panel {
	  
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 340px;
    background: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 4px 25px rgba(0,0,0,0.25);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 1000;
    animation: slideUp 0.3s ease forwards;
	  
  }
.titlepanel{
	font-family: 'TT Supermolot Neue Bold';
	font-size:1.5rem;
}

  @keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .side-panel.active {
    display: flex;
  }

  .panel-header {
    background: var(--secos);
    color: #fff;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
  }

  .panel-body {
    padding: 20px;
  }

  .panel-body h3 {
    color: #333;
    margin-top: 0;
  }

  .panel-body p {
    color: #555;
    line-height: 1.4em;
    font-size: 15px;
  }

  .panel-close {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
  }
 .fab-option {
  background-color: var(--secos) !important;
}
.phoneform input{
	width:100% !important;
    height: 44px;
    border: 1px solid #ccc !important;
    border-radius: 4px;
	padding-left: 10px !important;
    color: var(--secos) !important;
	margin-bottom:14px;
}
.phoneform .wpcf7-submit{
	width: 60% !important;
	background-color: var(--secos) !important;
	color:#fff !important;
	border-radius: 8px;
	background-size: 17% !important;
}
/* --- Colores personalizados --- */
.whatsapp {
  background-color: var(--secos) !important;
	
}
.whatsapp i{
	font-size: 1.7rem !important;
}
.call{
	display:none !important;
}
.call, .fab-option {
  background-color: var(--secos) !important;
}
.pie-landing a:visited{
	color#fff !important
}
@media (max-width: 1536px) {
	.content-landings{
		width:90%;
	}
	.row-text-hero{
		padding-bottom:0px;
	}
	.row-text-hero h3{
		font-size:2.5rem;
		line-height:3rem;
	}
	.text-row-gallery {
    	padding: 0 5%;
	}
	.text-row-gallery h1 {
    	font-family: 'TT Supermolot Neue Bold';
    	font-size: 2.2rem;
	    line-height: 2.7rem;
	}
	.text-imgs-row {
    	padding-left: 10%;
	}
	.text-imgs-row strong {
    	font-weight: normal;
    	font-family: "Quicksand", sans-serif !important;
	    font-size: 1.5rem;
	}
	.text-pasos ul li{
		font-size: 1.2rem;
    	line-height: 1.2rem;
	}
}
@media (max-width: 768px) {
	body{}
	div.logo img {
    	max-width: 200px;
	}
	.content-landings {
		width:95%;
	}
	header.site-header{
		height:100px;
	}
}

@media (max-width: 540px) {
	.call{
		display:block !important;
	}
	.call i{
		line-height:38px;
	}
	.call:visited{
		color:#fff !important;
	}
	#info-btn{
		display:none !important;
	}
	.row-text-hero {
    	padding-bottom: 0px;
	}
	.row-text-hero h3 {
		font-size: 1.3rem;
    	line-height: 1.8rem;
	}
	.row-text-hero p {
		font-size: 1.1rem;
    	line-height: 1.6rem;
	}
	.head-landings {
    	height: 40vh;
   		max-height: 650px;
	}
	.row-form-block-lps {
    	padding: 30px 0;
	}
	.col-form3, .col-form2{
		width:100%;
		margin-bottom:10px;
	}
	.row-form{
		display:block;
		margin:0;
	}
	.form-landings-25 p{
		margin-bottom:10px;
	}
	.row-form:nth-child(2), .row-form:nth-child(3){
		margin-bottom:10px;
	}
	.btn-secos input{
		font-size:1rem;
		line-height:1.5rem;
		width:100% !important;
	}
	.text-right-form h2 {
		font-size: 1.6rem;
    	line-height: 2.1rem;
		padding:0;
	}
	.text-right-form ul{
    	font-size: 1rem;
    	line-height: 1rem;
	}
	.text-footer-form{
		font-size: 1.4rem;
    	line-height: 1.8rem;
		margin-bottom:0px;
	}
	.text-footer-form p{
		margin:0px;
	}
	.row-gallery1, .row-gallery2{
		height:auto;
	}
	.col11 {
    	width: 90% !important;
		min-height:240px;
		margin-left:5%;
		margin-bottom:5%;
	}
	.col11 .vc_column-inner{
		background-size:cover !important;
		background-repeat:no-repeat !important;
	}
	.col12, .col13, .col14, .col15 {
    	width: 90% !important;
		min-height:240px;
		margin-left:5%;
		margin-bottom:5%;
	}
	.col21, .col21 .vc_column-inner, .col11, .col11 .vc_column-inner, .col25, .col25 .vc_column-inner, .col14, .col14 .vc_column-inner, .col15, .col15 .vc_column-inner{
		border-radius:18px;
	}
	.sect-images .vc_row.vc_row-flex{
		display: flex;
  		flex-direction: column;
		flex-wrap: nowrap;
	}
	.text-row-gallery{
		padding:0 3%;
	}
	.text-row-gallery h1 {
    	font-family: 'TT Supermolot Neue Bold';
    	font-size: 2rem;
    	line-height: 2.5rem;
	}
	.col21 {
    	width: 90% !important;
		min-height:240px;
		margin-left:5%;
		margin-bottom:5%;
	}
	.col22, .col23, .col24 {
    	width: 90% !important;
		min-height:240px;
		margin-left:5%;
		margin-bottom:5%;
	}
	.col25{
		display:none !important;
	}
	.sect-ventajas{
		margin-top:0 !important;
	}
	.title-ventajas h2{
		font-size:2rem;
		line-height:2.5rem;
	}
	.text-ico-vent p{
		text-align:center;
		padding:0 60px !important;
	}
	.text-pasos h4{
		font-size:2rem;
		line-height:2.5rem;
		margin-top:0px;
		padding-right:0;
		text-align:center;
	}
	.text-pasos ul li{
		margin-top:0;
		margin-bottom:25px;
		font-size: 1rem;
    	line-height: 1rem;
	}
	.sec-steps{
		background-image: none !important;
	}
	.text-pasos ul li strong{
		font-size: 2.5rem;
    	line-height: 2.5rem;
	}
	.text-pasos ul li{
		margin-top:0;
		margin-bottom:25px;
		font-size: 1rem;
    	line-height: 1rem;
		text-indent: -2.4em;
        padding-left: 2em;
	}
	.text-pasos ul li::before{
		font-size:1.5rem;
		bottom:-58px;
	}
	.text-faqs h4{
		margin-top:0px;
		font-size: 2rem;
    	line-height: 2.5rem;
	}
	.sec-faqs{
		padding-top:0 !important;
	}
	.acordion-faqs h4 span{
		font-size: 1.1rem;
    	line-height: 1.5rem;
	}
	.btn-footter p, .btn-footter p a{
		width:100%;
	}
	.btn-footter p a{
		font-size: 0.85em;
    	line-height: 0.85rem;
	}
	.wpb_single_image.ico-vent img{
		max-width:75%;
	}
	.info-text-pie{
		text-align:center;
	}
	.title-pie-land{
		text-align:center;
	}
	#sector{
		margin-top:10px;
	}
}