| Server IP : 89.248.107.232 / Your IP : 216.73.217.70 Web Server : Apache System : Linux host2.kasilh.com 5.14.0-687.36.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Aug 7 05:40:49 EDT 2026 x86_64 User : seg ( 10005) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/seg-sa.es/peyco.es/wp-content/themes/StoreFront/css/ |
Upload File : |
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
section.molde-banner-contenedor .contenedor {
float: right;
width: 520px;
box-sizing: border-box;
padding: 30px 50px 55px;
background: rgba(255,255,255,0.9);
}
section.molde-banner-contenedor .contenedor h2 {
font-size: 25px;
line-height: 30px;
font-weight: 500;
color: #4b4b4b;
}
section.molde-banner-contenedor .contenedor h2:after {
content: "";
position: relative;
height: 3px;
background: #9e0042;
display: block;
margin-top: 16px;
margin-bottom: 25px;
width: 75px;
}
section.molde-banner-contenedor .contenedor p {
font-size: 16px;
line-height: 21px;
font-weight: 500;
color: #4b4b4b;
}
section.molde-banner-contenedor .contenedor p.bajar {
margin-bottom: 50px;
}
section.molde-banner-contenedor .contenedor a.boton {
font-size: 18px;
line-height: 23px;
font-weight: 600;
color: #9e0042;
padding: 15px 38px;
border: 2px solid #9e0042;
}
section.molde-banner-contenedor .contenedor a.boton:hover {
background: #9e0042;
color: #fff;
}
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
section.molde-cuerpo-cincuenta .texto-izq {
display: table-cell;
vertical-align: middle;
width: 48%;
padding-right: 30px;
}
section.molde-cuerpo-cincuenta .img-der {
display: table-cell;
text-align: right;
vertical-align: middle;
}
section.molde-cuerpo-cincuenta .img-izq {
display: table-cell;
vertical-align: middle;
text-align: left;
}
section.molde-cuerpo-cincuenta .texto-der {
display: table-cell;
vertical-align: middle;
width: 48%;
padding-left: 30px;
}
section.molde-cuerpo-cincuenta h1 {
font-size: 30px;
line-height: 35px;
font-weight: 500;
color: #4b4b4b;
}
section.molde-cuerpo-cincuenta h1:after {
content: "";
position: relative;
height: 3px;
background: #9e0042;
display: block;
margin-top: 16px;
margin-bottom: 25px;
width: 75px;
}
section.molde-cuerpo-cincuenta h2 {
font-size: 25px;
line-height: 30px;
font-weight: 500;
color: #4b4b4b;
}
section.molde-cuerpo-cincuenta h2:after {
content: "";
position: relative;
height: 3px;
background: #9e0042;
display: block;
margin-top: 10px;
margin-bottom: 24px;
width: 75px;
}
section.molde-cuerpo-cincuenta p {
font-size: 18px;
line-height: 23px;
font-weight: 500;
color: #4b4b4b;
}
section.molde-cuerpo-cincuenta p.bajar {
margin-bottom: 45px;
}
section.molde-cuerpo-cincuenta a.boton {
font-size: 18px;
line-height: 23px;
font-weight: 600;
color: #9e0042;
padding: 10px 38px;
border: 2px solid #9e0042;
}
section.molde-cuerpo-cincuenta a.boton:hover {
background: #9e0042;
color: #fff;
}
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
section.molde-cajas-cincuenta h2 {
font-size: 25px;
line-height: 30px;
font-weight: 500;
color: #4b4b4b;
width: 360px;
}
section.molde-cajas-cincuenta h2:after {
content: "";
position: relative;
height: 3px;
background: #9e0042;
display: block;
margin-top: 16px;
margin-bottom: 25px;
width: 75px;
}
section.molde-cajas-cincuenta .caja-grande {
height: 300px;
background: #fff;
margin-bottom: 40px;
}
section.molde-cajas-cincuenta .caja-grande .izq {
float: left;
width: 50%;
height: 100%;
display: table;
}
section.molde-cajas-cincuenta .caja-grande .der {
float: right;
width: 50%;
height: 100%;
display: table;
}
section.molde-cajas-cincuenta .caja-grande .contenedor {
display: table-cell;
vertical-align: middle;
padding: 0 40px;
}
section.molde-cajas-cincuenta h3 {
font-size: 16px;
line-height: 21px;
font-weight: 600;
color: #4b4b4b;
margin-bottom: 10px;
}
section.molde-cajas-cincuenta h3 a {
font-size: 16px;
line-height: 21px;
font-weight: 600;
color: #4b4b4b;
margin-bottom: 10px;
}
section.molde-cajas-cincuenta p {
font-size: 16px;
line-height: 21px;
font-weight: 500;
color: #4b4b4b;
margin-bottom: 25px;
}
section.molde-cajas-cincuenta a.boton {
font-size: 18px;
line-height: 23px;
font-weight: 600;
color: #9e0042;
padding: 10px 28px;
border: 2px solid #9e0042;
display: inline-block;
}
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
section.molde-cajas-con-hover h2.intro {
font-size: 30px;
line-height: 35px;
font-weight: 500;
color: #4b4b4b;
text-align: center;
}
section.molde-cajas-con-hover h2.intro:after {
content: "";
position: relative;
height: 3px;
background: #9e0042;
display: block;
margin-top: 16px;
margin-bottom: 45px;
width: 75px;
margin-left: auto;
margin-right: auto;
}
section.molde-cajas-con-hover ul li {
float: left;
width: 24.25%;
height: 450px;
padding: 0;
margin-right: 1%;
}
section.molde-cajas-con-hover ul li .efecto-hover {
height: 100%;
display: block;
width: 100%;
opacity: 0;
//background: #9e0042;
transition: all 0.70s cubic-bezier(0, 0, 0.58, 1);
position: relative;
}
section.molde-cajas-con-hover ul li .efecto-hover.activo {
opacity: 1;
background: rgba(000,000,000,0.5);
transition: all 0.70s cubic-bezier(0, 0, 0.58, 1);
}
section.molde-cajas-con-hover ul li .efecto-hover .centrar-tabla {
display: block;
width: 100%;
height: 100%;
}
section.molde-cajas-con-hover ul li .efecto-hover .contenedor {
display: block;
text-align: center;
vertical-align: middle;
padding: 0 10px;
position: absolute;
top: 46%;
width: 100%;
box-sizing: border-box;
}
section.molde-cajas-con-hover ul li .efecto-hover .contenedor h2 {
font-size: 25px;
line-height: 30px;
font-weight: 600;
color: #fff;
margin-bottom: 10px;
}
section.molde-cajas-con-hover ul li .efecto-hover .contenedor p {
font-size: 18px;
line-height: 23px;
font-weight: 500;
color: #fff;
//margin-top: 38px;
margin-bottom: 0;
}
section.molde-cajas-con-hover ul li .efecto-hover .contenedor a {
font-size: 18px;
line-height: 23px;
font-weight: 500;
color: #fff;
padding: 6px 24px;
border: 2px solid #fff;
opacity: 0;
}
section.molde-cajas-con-hover ul li .efecto-hover .contenedor a:hover {
background: #9e0042;
border: 2px solid #9e0042;
}
section.molde-cajas-con-hover ul li .efecto-hover.activo .contenedor a {
opacity: 1;
}
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
section.molde-boton-absolute {
position: relative;
}
section.molde-boton-absolute h3 {
font-size: 20px;
line-height: 25px;
font-weight: 700;
color: #fff;
}
section.molde-boton-absolute h2 {
font-size: 30px;
line-height: 35px;
font-weight: 500;
color: #fff;
}
section.molde-boton-absolute h2:after {
content: "";
position: relative;
height: 3px;
background: #fff;
display: block;
margin-top: 10px;
margin-bottom: 24px;
width: 75px;
}
section.molde-boton-absolute p {
font-size: 20px;
line-height: 25px;
font-weight: 500;
color: #fff;
width: 560px;
margin-bottom: 0;
}
section.molde-boton-absolute a {
font-size: 18px;
line-height: 23px;
font-weight: 600 !important;
color: #fff !important;
padding: 10px 36px;
border: 2px solid #fff;
position: absolute;
right: 15px;
bottom: 0px;
}
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
/*---------------------------------------------FIN MOLDE---------------------------------------------*/
/*---------------------------------------------MOLDE PARA CUERPO---------------------------------------------*/
/*---------------------------------------------FIN MOLDE---------------------------------------------*/