.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
#lnd-wrap {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
font-family: Tahoma, Geneva, Verdana, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1;
background-color: #fff;
color: #005787;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
right: 50%;
width: 100vw;
}
.wrap#lnd-wrap {
overflow-x: hidden;
}
#lnd-wrap img {
image-rendering: optimizeSpeed; /* */
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
image-rendering: optimize-contrast; /* CSS3 Proposed */
-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}
#lnd-wrap a,
#lnd-wrap button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
color: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
font-weight: inherit;
}
#lnd-wrap .font-georgia {
font-family: Georgia, Cambria, serif;
}
#lnd-wrap .font-tahoma {
font-family: Tahoma, Geneva, Verdana, sans-serif;
}
#lnd-wrap .color-white { color: #ffffff }
#lnd-wrap .color-blue { color: #005787 }
#lnd-wrap .color-green { color: #76BA3B }
#lnd-wrap .color-cyan { color: #88D1CB }
#lnd-wrap .color-orange { color: #e4841e }
#lnd-wrap .color-skin { color: #FFEBD4 }
#lnd-wrap .color-grey { color: #62686C }
#lnd-wrap .color-black { color: #333333 }
#lnd-wrap .bkg-white { background-color: #ffffff }
#lnd-wrap .bkg-lightgrey { background-color: #f8f8f8 }
#lnd-wrap .bkg-blue { background-color: #005787 }
#lnd-wrap .bkg-green { background-color: #76BA3B }
#lnd-wrap .bkg-cyan { background-color: #88D1CB }
#lnd-wrap .bkg-orange { background-color: #e4841e }
#lnd-wrap .bkg-skin { background-color: #FFEBD4 }
#lnd-wrap .bkg-yellow { background-color: #ffd000 }
#lnd-wrap .bkg-lightblue { background-color: #E2EBF0 }
#lnd-wrap .text-center { text-align: center; }
#lnd-wrap .fs-m {font-size: 1.25em}
#lnd-wrap .fs-l {font-size: 1.375em}
#lnd-wrap .main-container {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
#lnd-wrap .right-space {
padding-right: 42%;
}
/*=============================================
= HEADER
=============================================*/
.wrap#lnd-wrap {
padding-top: 144px;
}
#lnd-wrap .header {
display: flex;
align-items: center;
justify-content: center;
position:fixed;
width: 100%;
padding: 0 40px;
height: 144px;
left: 0;
top: 0;
z-index: 2;
}
#lnd-wrap .header .header-inner {
display: flex;
width: 100%;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
#lnd-wrap .header .logo {
display: block;
width: 201px;
}
#lnd-wrap .header .logo>img {
width: 100%;
height: auto;
margin: 0
}
#lnd-wrap .header .box-llamanos {
display: flex;
align-items: center;
margin-left: auto;
gap: 24px;
}
#lnd-wrap .header .box-llamanos strong {
display: block;
font-size: 20px;
line-height: 1.25;
font-weight: 700;
}
#lnd-wrap .header .box-llamanos span {
display: block;
font-size: 14px;
line-height: 1.25;
}
#lnd-wrap .header .box-llamanos .btn-llamanos {
display: flex;
width: 232px;
height: 60px;
align-items: center;
justify-content: center;
color: #fff;
background-color: #76BA3B;
border-radius: 32px;
font-size: 24px;
line-height: 1;
font-weight: 700;
}
/*===== End of HEADER ======*/
/*=============================================
= CONTENIDO
=============================================*/
#lnd-wrap .banner-top {
padding: 0;
background-image: url(https://www.pelayo.com/documents/d/pelayo/banner-top), linear-gradient(90deg, rgb(1 43 67) 40%, rgb(0 87 133) 60%);
background-size: 1920px auto, cover;
background-position: center center;
background-repeat: no-repeat, no-repeat;
background-color: #005787;
z-index: 1;
}
#lnd-wrap .banner-top .main-container {
position: relative;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
#lnd-wrap .banner-top .banner-pct {
position: relative;
width: 518px;
height: auto;
z-index: 1;
margin: 0 0 -14px -100px;
flex-shrink: 0
}
.portlet #lnd-wrap .banner-top picture { margin: 0 0 -14px -100px; }
#lnd-wrap .banner-top .banner-title {
width: 450px;
margin: 0 0 64px -25px;
}
#lnd-wrap .banner-top .banner-title h1 {
display: block;
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 1;
padding: 10px 0 10px 15px;
margin: 0;
}
#lnd-wrap .banner-top .banner-title h2 {
display: block;
font-size: 41px;
font-weight: 700;
line-height: 1.25;
margin: 8px 0 0 15px;
text-align: left;
letter-spacing: -0.5px;
}
#lnd-wrap p {
font-size: 18px;
line-height: 1.35em;
margin: 0.5em 0
}
#lnd-wrap .section-a { padding-top: 48px; padding-bottom: 56px; }
#lnd-wrap .section-a .heading-h2 {
font-size: 50px;
letter-spacing: 0;
line-height: 1.1em;
font-weight: 700;
margin: 16px 0 15px 0;
}
#lnd-wrap .section-a .heading-h2 span {
display: block;
font-size: 24px;
line-height: 1.2em;
margin-top: 8px;
}
#lnd-wrap .section-a .heading-h3 {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
font-size: 24px;
letter-spacing: 0;
line-height: 1.1em;
font-weight: 700;
margin: 0 0 12px 0;
}
#lnd-wrap .section-a .picto {
width: 705px;
margin-bottom: -180px;
}
#lnd-wrap .carrusel {
position: relative;
}
#lnd-wrap .carrusel:before {
display: block;
content: "";
position: absolute;
top: 0;
right: 0;
width: 400px;
height: 100%;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
z-index: 1;
}
#lnd-wrap .carrusel .box-seguro {
position: relative;
border: 1px solid #005787;
border-radius: 24px;
background-color: #fff;
padding: 36px 32px 36px;
text-align: left;
height: 100%;
}
#lnd-wrap .carrusel .box-seguro .icono-descuento {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-descuento-2');
background-size: 40px 40px;
}
#lnd-wrap .carrusel .box-seguro h2 {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 24px;
line-height: 1.25;
font-family: Tahoma, Geneva, Verdana, sans-serif;
font-weight: 700;
margin: 0 0 12px 0;
}
#lnd-wrap .carrusel .box-seguro h2 .icono {
flex-shrink: 0;
width: 36px;
height: 34px;
background-size: 36px 68px;
background-position: 0 0;
background-repeat: no-repeat;
}
#lnd-wrap .carrusel .box-seguro .lista-check {
list-style: none;
margin: 12px 0 0 0;
padding: 0;
}
#lnd-wrap .carrusel .box-seguro .lista-check li {
display: block;
margin: 2px 0;
list-style: none;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
#lnd-wrap .carrusel .box-seguro .button-saber-mas {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%,0);
display: block;
margin: 0;
width: 250px;
border-radius: 24px;
background-color: #76BA3B;
border: 2px solid #76BA3B;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
padding: 12px 0;
text-align: center;
text-decoration: none;
color: #fff;
}
#lnd-wrap .carrusel .box-seguro .button-saber-mas:hover {
color: #76BA3B;
background-color: #fff;
}
#lnd-wrap .carrusel .box-seguro.seguro-coche h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-01-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-moto h2 .icono { width: 46px; background-size: 46px 68px; background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-02-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-hogar h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-03-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-salud h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-04-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-vida h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-05-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-decesos h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-06-2'); }
#lnd-wrap .carrusel .box-seguro.seguro-animales h2 .icono { background-image: url('https://www.pelayo.com/documents/d/pelayo/icon-seguro-07-2'); }
#lnd-wrap .carrusel .splide__slide.is-active .box-seguro {
background-color: #005787;
color: #fff;
}
#lnd-wrap .carrusel .splide__slide.is-active .box-seguro h2 .icono { background-position: 0 -34px; }
#lnd-wrap .carrusel .splide__pagination { bottom: -1.5em; }
#lnd-wrap .carrusel .splide__pagination li { margin: 0 3px; }
#lnd-wrap .carrusel .splide__pagination__page.is-active { background-color: #005787; }
#lnd-wrap .carrusel .splide__pagination button {
font-family: inherit;
background: #ccc;
border-radius: 50%;
}
#lnd-wrap .menu-carrusel {
display: flex;
gap: 58px;
margin: 32px 0 32px 0;
}
#lnd-wrap .menu-carrusel a {
display: block;
padding: 5px 0;
font-size: 21px;
line-height: 1;
font-family: Tahoma, Geneva, Verdana, sans-serif;
color: #005787;
border-bottom: 4px solid transparent;
text-decoration: none;
}
#lnd-wrap .menu-carrusel a:hover,
#lnd-wrap .menu-carrusel a.active {
border-bottom: 4px solid #005787;
font-weight: 400;
text-decoration: none;
}
#lnd-wrap .section-b {
padding-top: 45px;
padding-bottom: 0;
background-image: url('https://www.pelayo.com/documents/d/pelayo/cancha');
background-repeat: no-repeat;
background-size: 1325px 136px;
background-position: center bottom;
}
#lnd-wrap .section-b .heading-h2 {
font-size: 50px;
letter-spacing: 0;
line-height: 1.1em;
font-weight: 700;
margin: 0 0 35px 0;
}
#lnd-wrap .section-b .heading-h2 span {
display: block;
font-size: 24px;
line-height: 1.2em;
margin-top: 8px;
}
#lnd-wrap .section-b .row-flex {
display: flex;
align-items: center;
gap: 130px;
}
#lnd-wrap .section-b .ventajas {
display: flex;
flex-direction: column;
gap: 50px;
margin: 0;
}
#lnd-wrap .section-b .ventajas .ventaja {
}
#lnd-wrap .section-b .ventajas .ventaja h4 {
font-size:20px;
letter-spacing: 0;
line-height: 1.2em;
font-weight: 700;
margin: 16px 0 2px 0;
}
#lnd-wrap .section-b .ventajas .ventaja p {
font-size:18px;
letter-spacing: 0;
line-height: 1.4em;
}
#lnd-wrap .banner-top-formulario {
position: fixed;
top: 170px;
left: 50%;
width: 320px;
margin: 0 0 0 278px;
background-color: #fff;
text-align: left;
border-radius: 12px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
z-index: 2;
}
#lnd-wrap .banner-top-formulario .header-formulario {
padding: 16px 24px 14px;
}
#lnd-wrap .banner-top-formulario .header-formulario span {
display: block;
font-size: 14px;
line-height: 1.2;
}
#lnd-wrap .banner-top-formulario .header-formulario p {
font-size: 18px;
line-height: 1.25em;
margin: 4px 0 0;
}
#lnd-wrap .banner-top-formulario .body-formulario {
padding: 0 24px 16px;
}
#lnd-wrap .banner-top-formulario input[type="text"] {
width: 100%;
background: #EEF3F7;
border-radius: 0;
border: none;
border-bottom: 1px solid #333;
font-size: 14px;
line-height: 1.1em;
padding: 16px 10px;
margin-bottom: 10px;
text-align: left;
}
#lnd-wrap .banner-top-formulario input[type="text"]:focus {
border-color: #005892 ;
}
#lnd-wrap input[type='radio'], #lnd-wrap input[type='checkbox'] {
cursor: pointer;
left: -9999px;
margin: 0;
outline: 0;
padding: 0;
position: absolute;
}
#lnd-wrap input[type='checkbox'] + label::before {
background: #fff;
border: 1px solid #373839;
border-radius: 3px;
content: '';
display: inline-flex;
height: 18px;
margin-right: 0.5rem;
min-width: 18px;
width: 18px;
}
#lnd-wrap input[type='checkbox'] + label::after {
font-size: 1.2rem;
left: 3px;
top: 3px;
}
/*#lnd-wrap .banner-top-formulario input[type="text"]::placeholder { color: #005892 !important }
#lnd-wrap .banner-top-formulario input[type="text"]::-ms-input-placeholder { color: #005892 !important }*/
#lnd-wrap .banner-top-formulario .button-send {
display: block;
width: 100%;
padding: 16px 10px;
text-transform: inherit;
border: none;
outline: none;
margin: 16px auto 0;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1em;
border-radius: 32px;
cursor: pointer;
}
#lnd-wrap .banner-top-formulario .button-send:hover {
background-color: #005892;
}
#lnd-wrap .banner-top-formulario .footer-formulario {
padding: 16px 24px;
text-align: center;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
background-color: #F4F8FB;
}
#lnd-wrap .banner-top-formulario .footer-formulario p {
font-size: 16px;
line-height: 1.2;
text-align: center;
margin: 0;
}
#lnd-wrap .custom-check {
display: flex;
align-items: flex-start;
text-align: left;
}
#lnd-wrap .custom-check label {
display: inline-block;
text-align: left;
margin: 0;
background-color: transparent;
line-height: 1.2em;
font-size: 11px;
font-weight: normal;
}
#lnd-wrap .custom-check label a { text-decoration: underline; font-weight: 700 }
#lnd-wrap .custom-check label a:hover { text-decoration: underline; }
#lnd-wrap .custom-check input[type="checkbox"],
#lnd-wrap .custom-check input[type="radio"] { margin-right: 8px; }
#lnd-wrap .custom-check input[type="checkbox"] + label span,
#lnd-wrap .custom-check input[type="radio"] + label span {
display:block;
float: left;
vertical-align:text-top;
cursor:pointer;
width:15px;
height:15px;
border: 1px solid #005892;
background-color: #EEF3F7;
margin-left: -24px;
border-radius: 5px;
}
#lnd-wrap .custom-check input[type="radio"] + label span {
border-radius: 50%;
}
#lnd-wrap .custom-check input[type="checkbox"]:checked + label span,
#lnd-wrap .custom-check input[type="radio"]:checked + label span {
background-color: #005892;
border-color: #005892 !important;
}
#lnd-wrap .section-e { padding-top: 64px; padding-bottom: 50px; }
#lnd-wrap .section-e .heading-h2 {
font-size: 38px;
letter-spacing: 0;
line-height: 1.25em;
font-weight: 700;
margin: 0 0 24px 0;
}
#lnd-wrap .section-e .row-flex {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
#lnd-wrap .section-e .form-title {
font-size: 24px;
letter-spacing: 0;
line-height: 1.5;
font-weight: 700;
margin: 0;
flex-shrink: 0;
}
#lnd-wrap .section-e .box-formulario {
width: 450px;
display: flex;
align-items: flex-start;
gap: 14px;
}
#lnd-wrap .section-e .body-formulario {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding: 0;
}
#lnd-wrap .section-e input[type="text"] {
flex: 1 0 45%;
width: auto;;
height: 40px;
background: #fff;
border-radius: 0;
border: 1px solid transparent;
font-size: 14px;
line-height: 1.1em;
padding: 0 10px;
margin: 0;
text-align: left;
}
#lnd-wrap .section-e input[type="text"]:focus {
border-color: #76BA3B ;
}
#lnd-wrap .section-e .button-send {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 190px;
height: 40px;
padding: 0;
text-transform: inherit;
border: none;
outline: none;
margin: 0;
text-align: center;
font-size: 18px;
font-weight: 700;
line-height: 1em;
border-radius: 32px;
cursor: pointer;
}
#lnd-wrap .section-e .button-send:hover {
background-color: #ffffff;
color: #76BA3B;
}
#lnd-wrap .img-resp {
width: 100%;
max-width: 100%;
height: auto;
}
#lnd-wrap input[type='radio'],
#lnd-wrap input[type='checkbox'] {
position: inherit;
appearance: checkbox;
-webkit-appearance: checkbox;
}
#lnd-wrap input[type='checkbox'] + label::before,
#lnd-wrap input[type='checkbox'] + label::after {
display: none;
}
#lnd-wrap .wg-error {
position: relative;
left:inherit;
top:inherit;
}
#lnd-wrap .wg-error.wg-error-telefono { margin-bottom:12px }
#lnd-wrap .custom-check {
flex-wrap: wrap;
}
#lnd-wrap .custom-check .wg-error.wg-error-legal {
width: 100%;
padding: 8px 0 0;
order:3;
}
/*===== End of CONTENIDO ======*/
/*=============================================
FOOTER
=============================================*/
#lnd-wrap .footer {
display: block;
width: 100%;
position: relative;
padding: 32px 0;
height: inherit;
background-color: #F5F4F6;
margin: 0;
}
#lnd-wrap .footer .logo {
display: block;
width:378px;
}
#lnd-wrap .footer .logo>img {
width: 100%;
height: auto;
margin: 0
}
#lnd-wrap .footer .footer-menu {
margin: 64px 0 0;
padding: 0;
list-style: none;
display: flex;
gap: 32px;
justify-content: flex-start;
}
#lnd-wrap .footer .footer-menu li {
font-size: 14px;
font-weight: 400;
text-transform: inherit;
margin: 0;
}
#lnd-wrap .footer .footer-menu li:first-of-type { margin-right: auto; }
#lnd-wrap .footer .footer-menu a:hover {text-decoration: underline;}
.section-e .logo-contigo {
position: absolute;
width: 224px;
right: 0;
top: 0;
transform: translate(0, 50%);
}
@media only screen and (max-width: 960px) {
.section-e .logo-contigo {
position: relative;
right: inherit;
top: inherit;
transform: none;
display: block;
margin: 32px auto 0;
}
}
/*===== End of FOOTER ======*/
/*=============================================
= MODAL
=============================================*/
#lnd-wrap .lnd-modal {
z-index: 999;
display: none;
padding: 30px 15px 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.7);
justify-content: center;
align-items: center;
}
#lnd-wrap .lnd-modal-content {
margin: auto;
background-color: #fff;
position: relative;
padding: 0;
outline: 0;
width: 100%;
max-width: 600px;
border-radius: 24px;
}
#lnd-wrap .lnd-modal-container {
padding: 30px 40px 35px 40px;
}
#lnd-wrap .lnd-modal-close {
position: absolute;
right: 20px;
top: 20px;
border: none;
display: inline-block;
width: 24px;
height: 24px;
background-image: url('https://www.pelayo.com/documents/d/pelayo/icono-close-13');
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
#lnd-wrap .lnd-modal-container h2 {
font-size: 24px;
font-weight: 700;
line-height: 1.25em;
margin: 0 0 1em;
}
#lnd-wrap .lnd-modal-container h3 {
font-size: 19px;
font-weight: 700;
margin: 1em 0 0;
}
#lnd-wrap .lnd-modal-container p {
font-size: 16px;
line-height: 1.2em;
margin: 0.25em 0 0.75em 0;
}
#lnd-wrap .lnd-modal-container a { text-decoration: underline; }
@media only screen and (max-width: 1366px) {
#lnd-wrap { font-size: 16px; }
.wrap#lnd-wrap { padding-top: 74px;}
#lnd-wrap .header { height: 74px; }
#lnd-wrap .header .header-inner,
#lnd-wrap .main-container { width: 100%; max-width: 1200px }
#lnd-wrap .header .logo { width: 148px; }
#lnd-wrap .header .box-llamanos .btn-llamanos { width: 210px; height: 46px; font-size: 22px }
#lnd-wrap .banner-top .banner-pct { width: 450px }
#lnd-wrap .banner-top-formulario { position: fixed; top: 100px;}
}
@media only screen and (max-width: 1280px) {
.wrap#lnd-wrap {
padding-top: 0;
}
#lnd-wrap .main-container {
max-width: 100%;
padding-left: 40px;
padding-right: 40px;
}
#lnd-wrap .header {position: relative; left: inherit; top:inherit; padding: 0 40px; z-index: inherit; }
#lnd-wrap .banner-top {
background-size: 632px auto;
background-position: calc(50% + 290px) 25px;
}
#lnd-wrap .banner-top .main-container { padding-left: 20px; padding-right: 20px; }
#lnd-wrap .banner-top .banner-pct {width: 350px; margin: 0 0 -14px -50px;}
.portlet #lnd-wrap .banner-top picture {
margin: 0 0 -14px -50px;
}
#lnd-wrap .banner-top .banner-title { width: auto; margin: 0 0 35px -14px; }
#lnd-wrap .banner-top .banner-title h1 { font-size: 18px; padding: 8px 15px; }
#lnd-wrap .banner-top .banner-title h2 { font-size: 34px }
#lnd-wrap .banner-top-formulario { width: 300px; margin: 0 0 0 170px; }
#lnd-wrap .menu-carrusel { gap:48px }
#lnd-wrap .menu-carrusel a { font-size: 20px }
#lnd-wrap .section-a .heading-h2,
#lnd-wrap .section-b .heading-h2 { font-size: 42px }
#lnd-wrap .section-a .heading-h2 span,
#lnd-wrap .section-b .heading-h2 span { font-size: 22px }
#lnd-wrap .section-a .heading-h3 {font-size: 22px}
#lnd-wrap .section-b .row-flex { gap:20px }
#lnd-wrap .section-b .ventajas { gap:42px }
#lnd-wrap .section-b .picto { width: 420px; }
#lnd-wrap .section-e .heading-h2 { font-size: 34px }
#lnd-wrap .footer .footer-menu { margin-top: 40px }
}
@media only screen and (max-width: 960px) {
#lnd-wrap .main-container {
max-width: 100%;
padding-left: 25px;
padding-right: 25px;
}
#lnd-wrap .header .box-llamanos {
flex-direction: column;
gap: 4px;
}
#lnd-wrap .header .box-llamanos strong { font-size: 14px }
#lnd-wrap .header .box-llamanos span { font-size: 10px; }
#lnd-wrap .header .box-llamanos .btn-llamanos {
width: 140px;
height: 25px;
font-size: 14px;
}
#lnd-wrap .header { padding: 0 25px }
#lnd-wrap .header .logo { width: 120px }
#lnd-wrap br { display: none; }
#lnd-wrap .banner-top {
background-size: 320px auto;
background-position: calc(50% + 110px) 4px;
padding: 32px 0 0;
}
#lnd-wrap .banner-top .banner-pct {
width: 160px;
margin: 0 0 -4px -50px;
}
.portlet #lnd-wrap .banner-top picture { margin: 0 0 -4px -50px; }
#lnd-wrap .banner-top .banner-title { width: auto; margin: 0; padding: 0 0 0 10px; }
#lnd-wrap .banner-top .banner-title h1 {
font-size: 14px;
line-height: 1.2;
padding: 8px 12px;
}
#lnd-wrap .banner-top .banner-title h2 {
font-size: 21px;
margin: 8px 0 20px;
}
#lnd-wrap .banner-top-formulario {
position: relative;
left: inherit;
right: inherit;
top: inherit;
width: 100%;
margin: 0 auto;
border-radius: 0;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
#lnd-wrap .banner-top-formulario .header-formulario strong {
display: block;
}
#lnd-wrap .banner-top-formulario .footer-formulario { border-radius: 0; }
#lnd-wrap .banner-top-formulario .footer-formulario a {
display: block;
}
#lnd-wrap .hidden-mobile { display: none; }
#lnd-wrap p { font-size: 16px }
#lnd-wrap .carrusel .box-seguro { padding: 24px 24px 72px; border-radius: 18px; }
#lnd-wrap .carrusel .box-seguro h2 { font-size: 21px; line-height: 1.2; }
#lnd-wrap .carrusel .box-seguro .icono-descuento { width: 32px; height: 32px; top: 12px; right: 12px; background-size: 32px 32px;}
#lnd-wrap .carrusel .box-seguro .lista-check li { font-size: 16px }
#lnd-wrap .carrusel .box-seguro .button-saber-mas { padding: 8px 0; bottom: 20px; font-size: 14px; }
#lnd-wrap .section-a {
padding-top: 24px;
padding-bottom: 30px;
}
#lnd-wrap .section-b {
padding-top: 24px;
padding-bottom: 32px;
}
#lnd-wrap .menu-carrusel { flex-wrap: wrap; gap: 12px; display: none; }
#lnd-wrap .menu-carrusel a { font-size: 14px; padding: 2px 0; border-width: 2px; }
#lnd-wrap .carrusel { margin-top: 24px; }
#lnd-wrap .carrusel:before { display: none; }
#lnd-wrap .carrusel .box-seguro { width: 100%; height: auto; }
#lnd-wrap .section-a .heading-h2,
#lnd-wrap .section-b .heading-h2 { font-size: 28px }
#lnd-wrap .section-a .heading-h2 span,
#lnd-wrap .section-b .heading-h2 span { font-size: 20px }
#lnd-wrap .section-a .heading-h3,
#lnd-wrap .section-b .heading-h3 {
font-size: 15px;
}
#lnd-wrap .section-b .row-flex { flex-direction: column; }
#lnd-wrap .section-b .picto { width: 90%; margin: 0 auto; }
#lnd-wrap .section-b .ventajas { gap: 32px }
#lnd-wrap .section-b .ventajas .ventaja br { display: none; }
#lnd-wrap .section-b .ventajas .ventaja h4 { font-size: 18px }
#lnd-wrap .section-b .ventajas .ventaja p { font-size: 16px }
#lnd-wrap .section-b .picto {
width: 70%;
max-width: 360px;
margin: 0 auto;
}
#lnd-wrap .section-e {
padding-top: 24px;
padding-bottom: 24px;
}
#lnd-wrap .section-e .heading-h2 { font-size: 24px }
#lnd-wrap .section-e .heading-h2 a {
display: block;
text-align: left;
}
#lnd-wrap .section-e .form-title { font-size: 16px }
#lnd-wrap .section-e .box-formulario { width: 100%; gap:16px; ; flex-direction: column; }
#lnd-wrap .section-e input[type="text"] { width: auto; flex: 1 0 100%; }
#lnd-wrap .section-e .button-send { width: auto; padding: 0 32px; font-size: 18px}
#lnd-wrap .footer { margin-top: 0 }
#lnd-wrap .footer .logo { width: 164px; margin: 0 auto; }
#lnd-wrap .footer .footer-menu { flex-direction: column; gap:8px }
#lnd-wrap .footer .footer-menu li { margin: 0;text-align: center }
#lnd-wrap .footer .footer-menu li:first-of-type { margin: 0; }
}
#lnd-wrap .banner-top .main-container {
aspect-ratio: 72 / 40;
display: flex;
align-items: center;
background-image: url(https://www.pelayo.com/documents/d/pelayo/banner-top-mobile);
background-size: auto 100%;
background-position: center top;
background-repeat: no-repeat;
}
#lnd-wrap .banner-top .main-container .persona {
width: auto;
height: 95%;
left: inherit;
right: 24px;
bottom: 0;
}
@media only screen and (max-width: 320px) {
}