@charset "utf-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,a,a:hover{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;font-size:100%;text-decoration:none;font-weight:400;color:#08294f;} body{line-height:1.5!important;text-rendering:optimizeLegibility;font-size:1em;font-family: 'Montserrat', sans-serif;}a:hover,a:active,a:link{-webkit-transition:color ease-in-out 0.2s;-moz-transition:color ease-in-out 0.2s;-ms-transition:color ease-in-out 0.2s;-o-transition:color ease-in-out 0.2s; transition:color ease-in-out 0.2s;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} ul{list-style:none;}a{color:#08294f;}
section{position:relative;}
.llamador{position:absolute;width:1px;height:1px;margin-top:-130px;}
.total{padding-top:130px;overflow:hidden;}
h1{font-size:3.2em;color:#fff;line-height:130px;}
.last{margin-right:0!important;}
.grilla{width:1000px;margin:auto;overflow:hidden;}
a:hover{color:#00c3ff;}
header{top:130px;}
	
.encabezado{height:700px;background-image:url(img/img-home-vf.png);background-repeat:no-repeat;background-position:center bottom; background-size:cover;}
.top{height:130px;background-color:#fff;width:100%;position:fixed;z-index:2;}
.logo-plm{float:left;margin-top:20px;}
nav{float:right;}
li{line-height:130px;float:left;text-transform:uppercase;font-size:0.9em;}
.espaciador{margin-left:10px;margin-right:10px;}

.header-total{overflow:visible;padding-top:140px;background-image:url(img/bck-header.png);background-repeat:repeat-x;background-position:left 200px;}

.bienvenidos{height:0px; position:relative;}

.redes-top{float:right;margin-top:14px;}

.encabezado .cabezal-texto{padding-top:10px;padding-bottom:60px;background-color:transparent;}
.encabezado .cabezal-texto .grilla{color:#fff;}

.h1-table{height:130px;background-color:#08294f;}
.br-100{height:100px;width:100%;}
.br-60{height:60px;width:100%;}

.servicio-paquete{width:30.3%;margin-right:3%;float:left;text-align:center;}
.servicio-ico{margin-bottom:20px;}
.servicio-titulo{font-size:2.5em;text-transform:uppercase;margin-bottom:24px;}
.servicio-texto{}

.navegador{background-color:#d9dadb;height:130px;}

.cabezal-texto{background-color:#d9dadb;padding-top:30px;padding-bottom:30px;}
.cabezal-texto .grilla{width:850px;color:#3d3d3f;}

.navegador{text-align:center;}
.subir{height:130px;background-image:url(img/background-subir.png);background-repeat:no-repeat;background-position:center 30px;text-transform:uppercase;text-align:center;line-height:130px;display:inline-block;}
.punto-medio{height:130px;text-transform:uppercase;text-align:center;line-height:130px;display:inline-block;margin-left:20px;margin-right:20px;}
.pedir-cotizacion{height:130px;background-image:url(img/background-cotizar.png);background-repeat:no-repeat;background-position:center 80px;text-transform:uppercase;text-align:center;line-height:130px;display:inline-block;}
strong{font-weight:700;}
.dejar-cv{background-image: url(img/back-cv.jpg);background-position: center center;background-repeat: no-repeat;background-color: #0a2a50;padding-bottom:40px;}
.contacto{background-image: url(img/back-footer.jpg);background-position: center center;background-repeat: no-repeat;padding-bottom:40px;background-color: #38383A;}
.ir-arriba{background-color:#ececed;height:100px;background-image:url(img/background-subir.png);background-repeat:no-repeat;background-position:center 30px;text-transform:uppercase;color:#08294f;text-align:center;line-height:120px;}
.ir-arriba a{color:#08294f;}

.footer-legales{color:#3d3d3f;background-color:#6f7072;height:60px;text-align:center;line-height:60px;}
.footer-legales a{color:#3d3d3f;}
.footer-top{height:250px;background-color: #38383A;}
.footer-menu a{color:#6f7072;}
.footer-menu{float:left;line-height:1.2;height:80px;margin-top:60px;margin-left:170px;}
.redes-footer{float:right;margin-top:90px;}
.red{float:left;margin-left:10px;}
.red:hover{opacity:.7;}
.footer-top .logo-plm {margin-top:75px;}
.redes-top {
    display: flex;
    justify-content: center; /* centra horizontalmente */
    align-items: center;     /* centra verticalmente si hace falta */
    gap: 20px;               /* espacio entre íconos */
}

.empresa-texto {
    max-width: 800px; /* Para limitar el ancho */
    margin: 0 auto; /* Para centrarlo horizontalmente */
    text-align: left; /* Alineación a la izquierda */
    font-size: 1.1rem; /* Tamaño de texto */
    line-height: 1.6; /* Espaciado entre líneas */
    padding: 20px 0; /* Espaciado superior e inferior */
}

.empresa-texto p {
    margin: 0;
}

.red {
    display: flex;
}

.redes-top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;

    opacity: 0;
    transform: translateY(30px);
    animation: aparecer 1s ease-out forwards;
}

/* Animación */
@keyframes aparecer {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.redes-top {
    animation: aparecer 1s ease-out 0.5s forwards;
}

.red {
    opacity: 0;
    transform: translateY(20px);
    animation: aparecer 0.6s ease-out forwards;
}

.servicio-paquete {
    opacity: 0;
    transform: translateY(40px);
    animation: aparecerServicio 0.8s ease-out forwards;
}

/* Estado inicial (ocultos) */
.servicio-paquete {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* Cuando se activa */
.servicio-paquete.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Animación escalonada */
.servicio-paquete.visible:nth-child(1) {
    transition-delay: 0.2s;
}

.servicio-paquete.visible:nth-child(2) {
    transition-delay: 0.4s;
}

.servicio-paquete.visible:nth-child(3) {
    transition-delay: 0.6s;
}

.red:nth-child(1) { animation-delay: 0.2s; }
.red:nth-child(2) { animation-delay: 0.4s; }
.red:nth-child(3) { animation-delay: 0.6s; }
.bienvenidos .grilla {
    display: flex;
    flex-direction: column;
    align-items: center; /* centra todo el contenido dentro */
}

.formulario{overflow:hidden;padding-top:60px;margin-bottom:80px;}
.boton{height:50px;width:180px;margin:auto;line-height:50px;border:none;background-color:#08294f;color:#fff;text-transform:uppercase;text-align:center;}
.boton2{height:50px;width:180px;margin:auto;line-height:50px;border:none;color:#08294f;background-color:#fff;text-transform:uppercase;text-align:center;}

.boton:hover, .boton2:hover, .descargar-catalogo:hover{background-color:#00c3ff;}

.formulario-columna{float:left;width:48.5%;margin-right:3%;}
.campo{height:50px;line-height:50px;color:#fff;border-bottom:1px solid #fff;margin-bottom:0px;}
.area{height:178px;padding-top:15px;line-height:50px;color:#fff;border-bottom:1px solid #fff;margin-bottom:0px;}

.area2{height:106px;padding-top:15px;line-height:50px;color:#fff;border-bottom:1px solid #fff;margin-bottom:0px;}
.info-contacto{margin-top:40px;text-align:center;color:#fff;line-height:1.4;font-size:0.8em;}
.info-contacto a{color:#fff;}

.icono-catalogo{text-align:center;}
.descargar-catalogo{margin-top:30px!important;width:350px;text-transform:uppercase;font-weight:700;height:40px;line-height:40px;color:#fff;background-color:#08294f;margin:auto;padding:10px;text-align:center;font-size:90%;}

.footer-menu a:hover{opacity:.5;}

/*--pasador--*/
.stepcarousel{
	margin-top:0px;
	position: relative; /*leave this value alone*/
	border: 0px;
	overflow: scroll; /*leave this value alone*/
	width: 800px; /*Width of Carousel Viewer itself*/
	height: 800px; /*Height should enough to fit largest content's height*/
	margin:auto;}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 800px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.texto-trabajo{width:330px;text-align:center;float:left;margin-top:40px;margin-left:30px;margin-right:30px;}

.pisos, .techos, .paredes{background-image:url(img/bck-pisos.png);}

#pasafotos{width:1000px;position:relative;}

@media(max-width:767px){
	#pasafotos{
		width:100% !important
	}
}
#pasafotos > img{top: calc(50% - 33px) !important;}



.que, .como{line-height:1em;color:#3d3d3f;font-size:2em; display:block;}
.icono-servicio{margin:auto}

.catalogolink{color:#00c3ff;}


.campo input{width:98%;background-color:transparent!important;border:none;color:#fff; font-family: 'Montserrat', sans-serif;font-size:100%;}
.area textarea{height:165px;width:98%;background-color:transparent!important;border:none;color:#fff; font-family: 'Montserrat', sans-serif;font-size:100%;}
.area2 textarea{height:100px;width:98%;background-color:transparent!important;border:none;color:#fff; font-family: 'Montserrat', sans-serif;font-size:100%;}

input[type="submit"]{font-family: 'Montserrat', sans-serif;font-size:100%;cursor:pointer;}

.btn-enviar{text-align:center;}
*:focus{outline:none!important;}


::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}

input:focus::-webkit-input-placeholder {opacity:0;}
input:focus:-moz-placeholder {opacity:0;}
input:focus::-moz-placeholder {opacity:0;}
input:focus:-ms-input-placeholder  {opacity:0;}

textarea:focus::-webkit-input-placeholder {opacity:0;}
textarea:focus:-moz-placeholder {opacity:0;}
textarea:focus::-moz-placeholder {opacity:0;}
textarea:focus:-ms-input-placeholder  {opacity:0;}

.base{height:20px;font-size:70%;}
.base span{color:#F33!important;}
.result_ok{color:#0C6;text-align:center;padding-top:30px;padding-bottom:10px;}
.result_fail{color:#F33;text-align:center;padding-top:30px;padding-bottom:10px;}