/* 202107 */ @font-face { font-family:FiraSansSemibold; src:url(../fonts/FiraSans-SemiBold.eot?#iefix); src:url(../fonts/FiraSans-SemiBold.eot?#iefix) format("eot"), url(../fonts/FiraSans-SemiBold.woff) format("woff"), url(../fonts/FiraSans-SemiBold.woff2) format("woff2"); } @font-face { font-family:FiraSansRegular; src:url(../fonts/FiraSans-Regular.eot?#iefix); src:url(../fonts/FiraSans-Regular.eot?#iefix) format("eot"), url(../fonts/FiraSans-Regular.woff) format("woff"), url(../fonts/FiraSans-Regular.woff2) format("woff2"); } @font-face { font-family:FiraSansLight; src:url(../fonts/FiraSans-Light.eot?#iefix); src:url(../fonts/FiraSans-Light.eot?#iefix) format("eot"), url(../fonts/FiraSans-Light.woff) format("woff"), url(../fonts/FiraSans-Light.woff2) format("woff2"); } html { background:#DFDFDF; } body { font-weight:300; font-family:'Fira Sans', sans-serif; padding-top:78px; max-width:1440px; margin:0 auto; -webkit-font-smoothing:antialiased; } button:focus, :focus { outline:0 !important; box-shadow:none !important; } textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus, button:focus { box-shadow:none; } #topbar { position:fixed; left:50%; top:0; width:100%; max-width:1440px; transform:translateX(-50%); z-index:99999; background:#FFF; } #topbar .navbar { padding:1rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #topbar .navbar .container { z-index:1; } #topbar .navbar-brand { font-size:0; padding:0; } #topbar .navbar-brand img { width:auto !important; height:50px !important; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #topbar .navbar-brand img.logo-colores { display:none; } #topbar .navbar-menu { position:relative; padding-left:50px; } #topbar .navbar-nav { margin-right:1rem; border-right:1px solid transparent; } #topbar .navbar-nav li { font-weight:400; font-size:14px; font-family:'FiraSansSemibold', sans-serif !important; color:#FFF; margin-left:.5rem; } #topbar .navbar-nav > li { display:flex; align-items:center; } #topbar .navbar-nav > li > a { display:block; font-weight:400; font-size:14px; color:#FFF; font-family:'FiraSansSemibold', sans-serif !important; opacity:1 !important; padding:.5rem 1rem; border-radius:3px; } #topbar .navbar-nav > li > a:hover, .navbar-nav > li.show > a { background:#F03; } #topbar .navbar-nav .dropdown-menu .dropdown-item, #topbar .navbar-nav .dropdown-menu li { font-family:'FiraSansRegular', sans-serif !important; } #topbar .navbar-toggler { color:#FFF; padding:.5rem; border:0 none; border-radius:0; margin:0; outline:none !important; } #topbar .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } #topbar .fixed { background:#FFF; } #topbar .fixed:before { display:none; } #topbar .fixed .navbar-brand img { display:none; } #topbar .fixed .navbar-brand img.logo-colores { display:block; height:50px; } #topbar .fixed .navbar-nav > li { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #topbar .fixed .navbar-toggler { color:#F03; } #topbar .fixed .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,47,110,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } main img { max-width:100%; height:auto; } .banners { max-width:100%; } .banners img { width:100%; } .slick-prev, .slick-next { position:absolute; top:50%; width:40px; height:40px; text-align:center; transform:translateY(-50%); font-size:0; line-height:0; cursor:pointer; margin:0; padding:0; background:transparent; border:0; z-index:9; } .slick-prev { left:0; text-align:right; } .slick-next { right:0; text-align:left; } .slick-prev:before, .slick-next:before { font-family:'FontAwesome'; font-size:30px; line-height:40px; opacity:1; color:#FFF; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-prev:before { content:'\f137'; } .slick-next:before { content:'\f138'; } .slick-dots { display:flex; justify-content:center; list-style-type:none; margin:2rem; padding:0; } .slick-dots li { margin:0 0.25rem; } .slick-dots li button { display:block; width:10px; height:10px; text-indent:-9999px; margin:0; padding:0; background:#E3E3E3; border:0px none; border-radius:100%; } .slick-dots li.slick-active button { background:#000; } footer { position:relative; color:#FFF; font-weight:400; background:#F03; background:#000; } footer ul { list-style:none; margin:0; padding:0; } footer li { display:inline-block; } footer li, footer p { font-weight:300; font-size:15px; margin-bottom:0; } footer a { color:#FFF !important; } .footer-enlaces { display:inline-block; margin-left:auto; } .footer-enlaces:after { clear:left; display:table; content:''; } .footer-enlaces li { position:relative; float:left; margin:0 5px; padding-right:6px; } .footer-enlaces li:first-child { background:url('../images/2021/libro-reclamaciones.jpg') no-repeat left 50%; background-size:auto 15px; padding-left:30px; } .footer-bg { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background-repeat:no-repeat; background-position:center; background-size:cover; z-index:0; } .footer-bg:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(0,0,0,.85); z-index:1; } #footer-top { position:relative; z-index:2; } #footer-top img { height:50px; margin-bottom:1rem; } #footer-top .container { padding-top:2.5rem; padding-bottom:0rem; } #footer-top .contacto { position:relative; display:inline-block; margin:0 auto; padding-top:1rem; } #footer-top .contacto:before { position:absolute; left:50%; top:0; width:210px; height:1px; content:''; background:#FFF; transform:translateX(-50%); display:none; } #footer-top .contacto:after { clear:both; content:''; display:table; } #footer-top .contacto li { float:left; position:relative; padding:0 .75rem; } #footer-top .contacto li:first-child:after { position:absolute; left:100%; top:50%; content:''; width:4px; height:4px; border-radius:50%; background:#FFF; transform:translate(-2px, -50%); } #footer-top .contacto a { display:flex; align-items:center; } #footer-top .contacto a .fa { width:22px; height:22px; line-height:22px; text-align:center; font-size:16px; color:#F03; margin-right:.25rem; background:#FFF; border-radius:50%; display:none; } #footer-top .socia { font-size:0; } #footer-top .social li { margin:0 .4rem; } #footer-top .social li a { display:block; color:#000 !important; background:#FFF; border-radius:50%; width:24px; height:24px; text-align:center; } #footer-top .social li a: hover { color:#FFF !important; } #footer-top .social li .fa { font-size:18px; line-height:24px; } #footer-bottom { position:relative; z-index:2; } #footer-bottom p { font-size:.9rem; } #footer-bottom .container { padding-top:1rem; padding-bottom:1rem; } #tpl-pagina-2021 h3, #tpl-pagina-2021 .h3 { font-size:1.5rem; margin-bottom:1rem; } #tpl-pagina-2021 main td img { max-width:100%; } #tpl-pagina-2021 main img { height:auto; } footer { font-family: 'Fira Sans', 'Fira Sans Regular', sans-serif; } #home-2021 section .container { padding-top:3rem; padding-bottom:3rem; } #home-2021 .historia { height:400px; } #home-2021 .historia a { display:block; position:relative; width:300px; margin:auto; height:100%; color:#FFF; background-repeat:no-repeat; background-position:center; background-size:auto 100%; border-top-right-radius:2rem; padding:1.5rem; text-decoration:none !important; } #home-2021 .historia a:before { position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:.25; z-index:0; border-top-right-radius:2rem; } #home-2021 .historia a > * { position:relative; z-index:1; } #home-2021 .historia a > div { display:flex; flex-direction:column; justify-content:center; height:100%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia a .fa { position:absolute; left:1.5rem; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia a .fa-angle-double-left, #home-2021 .historia a .fa-angle-double-right { top:1rem; font-size:60px; color:#F03; opacity:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia a .fa-angle-right { bottom:1.5rem; left:auto; right:1.5rem; width:30px; height:30px; line-height:24px; font-size:24px; text-align:center; color:#FFF; border:1px solid #FFF; border-radius:50%; } #home-2021 .historia a .fa-angle-right:before { margin:1px 0 0 3px; } #home-2021 .historia a h2 { font-size:2.25rem; font-weight:300; line-height:1; } #home-2021 .historia a h2 strong { display:block; font-weight:700; } #home-2021 .historia .caption { display:none; opacity:0; padding-bottom:2.5rem; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia .caption h3 { position:relative; font-size:1.4rem; line-height:1.1; padding-bottom:.25rem; } #home-2021 .historia .caption h3:before { position:absolute; left:0; top:100%; width:100%; height:1px; content:''; background:#FFF; } #home-2021 .historia .caption p { font-weight:600; font-size:.9rem; line-height:1.2; margin:0; } #home-2021 .historia a:after { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:0; border-top-right-radius:2rem; /*background: rgba(255,51,0,1); background: -moz-linear-gradient(45deg, rgba(255,51,0,1) 0%, rgba(255,51,0,1) 14%, rgba(255,51,0,0) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,51,0,1)), color-stop(14%, rgba(255,51,0,1)), color-stop(100%, rgba(255,51,0,0))); background: -webkit-linear-gradient(45deg, rgba(255,51,0,1) 0%, rgba(255,51,0,1) 14%, rgba(255,51,0,0) 100%); background: -o-linear-gradient(45deg, rgba(255,51,0,1) 0%, rgba(255,51,0,1) 14%, rgba(255,51,0,0) 100%); background: -ms-linear-gradient(45deg, rgba(255,51,0,1) 0%, rgba(255,51,0,1) 14%, rgba(255,51,0,0) 100%); background: linear-gradient(45deg, rgba(255,51,0,1) 0%, rgba(255,51,0,1) 14%, rgba(255,51,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff3300', GradientType=1 );*/ background:rgba(0,0,0,.75); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia a:hover .fa-angle-double-left, #home-2021 .historia a:hover .fa-angle-double-right { opacity:0; } /*#home-2021 .historia a:hover > div { justify-content:space-between; }*/ #home-2021 .historia a:hover .caption { display:block; opacity:1; } #home-2021 .historia a:hover:before { opacity:0; } #home-2021 .historia a:hover:after { opacity:1; } #home-2021 .historia a:hover .fa-angle-right { transform:rotate(-90deg); } #home-2021 .historia.banner a { background-size:auto 80%; background-color:#e4e2dc; } #home-2021 .historia.banner a:before, #home-2021 .historia.banner a:after { display:none !important; } /* DIY */ p.texto_borde { font-size:1rem; line-height:1.4; text-align:center; padding:2rem; border-radius:44px 0px 36px 7px; margin-top:40px; margin-bottom:60px; background:#fff; text-align:center; background-image:linear-gradient(#ff0033, #ff0033), linear-gradient(#ff0033, #ff0033), linear-gradient(#ff0033, #ff0033), linear-gradient(#ff0033, #ff0033); background-repeat:no-repeat; background-size:12px 44%, 8% 12px, 12px 42%, 8% 13px, calc(100% - -8px) calc(100% - 6px); background-position:left bottom, left bottom, right top, right top, 4px 4px; -webkit-box-shadow:10px 8px 25px 0px rgba(0,0,0,0.47); -moz-box-shadow:10px 8px 25px 0px rgba(0,0,0,0.47); box-shadow:10px 8px 25px 0px rgba(0,0,0,0.47); } #home-2021 .historia a { -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; } #home-2021 .historia a > div { justify-content:flex-end; padding-bottom:2rem; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; } #home-2021 .historia a h2 { font-size:1.75rem; font-weight:700; } #home-2021 .historia .caption { visibility:hidden; padding-bottom:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; } #home-2021 .historia .caption p { margin-bottom:0; } #home-2021 .historia a:hover > div { height:calc(100% - 2rem); } #home-2021 .historia a:hover .caption { visibility:visible; } article { font-size:1rem; font-weight:300; font-family: 'Fira Sans', sans-serif; } article h3, article h4, article h5 { margin:3rem 0 1.5rem; } article p { font-size:1rem; } article li { margin-bottom:.75rem; } article a, article a:link, article a:visited, article a:hover, article a:active { color:#F03; } .article-excerpt p { font-weight:600; font-style:italic; font-size:1.1rem; opacity:.8; margin-bottom:0; } img { height:auto; } .wp-block-image { margin-bottom:2rem; } .wp-block-image img { height:auto; } .wp-block-image.size-full img, .wp-block-image.size-large img { width:100%; } .videoWrapper { position:relative; height:0; padding-bottom:56.25%; /* 16:9 */ /*padding-top:25px;*/; } .videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; margin-bottom:0; } .page header { position:relative; height:320px; background-repeat:no-repeat; background-position:center; background-size:cover; } .page header:before { position:absolute; left:0; top:0; right:0; bottom:0; content:''; background:#5a2525; opacity:.4; z-index:0; } .page header .container { position:relative; } .page header h1 { font-size:2.75rem; } section h3, #pasos h3, #contenido_inferior h3 { color:#ed1c2c; text-align:center; margin-bottom:3rem; } ol.estilo-decimal { list-style:none; counter-reset:my-awesome-counter; padding:0; } ol.estilo-decimal li { position:relative; counter-increment:my-awesome-counter; margin:0 0 0.5rem 0; padding-left:32px; } ol.estilo-decimal li::before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:32px; height:32px; line-height:32px; text-align:center; content:counter(my-awesome-counter); font-weight:bolder; font-family:'Fira Sans', sans-serif; font-size:1.5rem; color:#FFF; background:#ed1c2c; border-radius:50%; } ol.estilo-lower-alpha { list-style:none; counter-reset:my-awesome-counter; padding:0; } ol.estilo-lower-alpha li { position:relative; counter-increment:my-awesome-counter; } ol.estilo-lower-alpha li::before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:32px; height:32px; line-height:32px; text-align:center; content:counter(my-awesome-counter, lower-alpha); font-weight:bolder; font-family:'Fira Sans', sans-serif; font-size:1.5rem; color:#FFF; background:#ed1c2c; border-radius:50%; } ol.formato-1 { padding-left:0; } ol.formato-1 li { display:flex; align-content:center; margin:1.25rem 18% 1.25rem 0; } ol.formato-1 li:nth-child(2n) { margin-left:18%; margin-right:0; } ol.formato-1 li .paso-imagen { display:flex; align-items:center; flex:0 0 90px; } ol.formato-1 li .paso-imagen figure { position:relative; width:90px; height:90px; margin:0; } ol.formato-1 li .paso-imagen figure img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:70%; max-height:70%; } ol.formato-1 li .paso-contenido { position:relative; display:flex; align-items:center; padding-left:30px } ol.formato-1 li .paso-contenido:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:100%; content:''; background:url('../images/2021/pasos-corchete.svg') no-repeat left center; background-size:auto 50px; } ol.formato-1 li .paso-descripcion { position:relative; padding:1rem 1.5rem; background:#f6f6f6; border-radius:1.2rem; } ol.formato-1 li .paso-descripcion p { font-size:1rem; line-height:1.2; margin:.5rem 0; } ol.formato-1 li .paso-notas { padding:.5rem 1rem; } ol.formato-1 li .paso-notas p { font-size:80%; line-height:1.2; margin:.5rem 0; } ol.estilo-none.formato-1 li { margin:1.25rem 0 1.25rem 0; } ol.estilo-none.formato-1 li .paso-imagen { flex:0 0 128px; } ol.estilo-none.formato-1 li .paso-imagen figure { width:128px; height:128px; } ol.estilo-none.formato-1 li .paso-imagen figure img { max-width:90%; max-height:90%; } ol.estilo-none.formato-1 li .paso-contenido { padding-left:40px } ol.estilo-none.formato-1 li .paso-contenido:before { width:20px; background-size:auto 80px; } ol.formato-3 { padding:0; } ol.formato-3 li { position:relative; margin-bottom:2rem; } ol.formato-3 li:after { position:absolute; left:15px; right:15px; top:0; bottom:0; content:''; background:#f6f6f6; border-radius:1.2rem; z-index:0; } ol.formato-3 li > * { position:relative; z-index:1; } ol.formato-3 li .paso-imagen figure img { width:100%; border-radius:1rem; } ol.formato-3 li .paso-descripcion { position:relative; padding:0 1.5rem .5rem; text-align:center; } ol.formato-3 li .paso-descripcion p { font-size:.9rem; line-height:1.2; margin:.5rem 0; } ol.formato-1 li .paso-notas { padding:.5rem 1rem; } ol.formato-1 li .paso-notas p { font-size:80%; line-height:1.2; margin:.5rem 0; } ol.estilo-lower-alpha.formato-3 li::before { left:auto; right:0; top:-20px; transform:none; width:48px; height:48px; line-height:48px; font-size:2.25rem; color:#ed1c2c; background:#f6f6f6; z-index:3; } #do-it-yourself ol.estilo-none.formato-1 li .paso-imagen { flex:0 0 100px; } #do-it-yourself ol.estilo-none.formato-1 li .paso-imagen figure { width:100px; } #do-it-yourself ol.estilo-none.formato-1 li .paso-contenido:before { width:30px; background-size:auto 90px; } #do-it-yourself #contenido-inferior img { max-width:70%; } #vigilancia-exterior ol.estilo-decimal { padding:0 20%; } #vigilancia-exterior ol.estilo-decimal li { padding-left:0; } #vigilancia-exterior ol.estilo-decimal li::before { display:none; } #vigilancia-exterior ol.formato-1 li { flex-direction:column; justify-content:center; align-items:center; margin:1.25rem 0; } #vigilancia-exterior ol.formato-1 li .paso-imagen { flex:0 0 128px; } #vigilancia-exterior ol.formato-1 li .paso-imagen figure { width:128px; height:128px; } #vigilancia-exterior ol.formato-1 li .paso-imagen figure img { max-width:90%; max-height:90%; } #vigilancia-exterior ol.formato-1 li .paso-contenido { flex-direction:column; padding-left:0; text-align:center; } #vigilancia-exterior ol.formato-1 li .paso-contenido:before { display:none; } #vigilancia-exterior ol.formato-1 li .paso-descripcion { padding:1rem 2rem; } #vigilancia-exterior ol.formato-1 li .paso-descripcion:before { position:absolute; left:-16px; top:50%; transform:translateY(-50%); width:32px; height:32px; line-height:32px; text-align:center; content:counter(my-awesome-counter); font-weight:bolder; font-family:'Fira Sans', sans-serif; font-size:1.5rem; color:#FFF; background:#ed1c2c; border-radius:50%; z-index:1; } #vigilancia-exterior ol.formato-1 li.paso-1 .paso-imagen figure img { max-height:80%; } #vigilancia-exterior ol.formato-1 li.paso-2 .paso-imagen figure img { max-height:60%; } #vigilancia-exterior ol.formato-1 li.paso-3 .paso-imagen { margin-bottom:1rem; } #vigilancia-exterior ol.formato-1 li.paso-3 .paso-imagen figure img { max-height:95%; } /*#vigilancia-exterior ol.formato-1 li.paso-3 .paso-descripcion p { font-size:1.25rem; }*/ #vigilancia-exterior ol.formato-1 li.paso-4 .paso-imagen figure img { max-height:70%; } /*#recomendaciones #contenido-superior { display:none; }*/ /* PREGUNTAS FRECUENTES */ #preguntas-frecuentes { background:#f6f6f6; } #preguntas-frecuentes .container { padding-top:5rem; padding-bottom:5rem; } .accordion .card { color:#3D3D3D !important; padding:0; border-radius:0; background:transparent; border:0px none; border-bottom:1px solid #e0e0e0 !important; } .accordion .card-header { padding:0; background:transparent; border:0px none; } .accordion .card-header h4 { font-size:1rem; margin-bottom:0; } .accordion .card-header button { display:block; position:relative; width:100%; font-size:1rem; line-height:1.5; color:#3D3D3D; text-align:left; margin:0; padding:1.25rem 3rem 1.25rem 1rem; white-space:normal; background:transparent; border:0; outline:none; } .accordion .card-header button:after { position:absolute; right:1rem; top:1rem; font-family:'FontAwesome'; content:'\f107'; } .accordion .card-header button:hover { color:#ed1c2c; } .accordion .card-header button[aria-expanded="true"] { color:#ed1c2c; } .accordion .card-header button[aria-expanded="true"]:after, .accordion .card-header button:hover { content:'\f106'; } .accordion .card-body { font-weight:300; font-size:1rem; padding:2rem 2rem 1rem; background:#FFF; border-top:1px solid #e0e0e0; } .accordion .card-body a { color:#ed1c2c; text-decoration:underline; } .accordion .card-body a:hover { text-decoration:none; } .accordion .card-body ol, .accordion .card-body ul { padding-left:0; margin-left:20px; } .accordion .card-body ol li { margin-bottom:1rem; } .accordion .card-body p { font-size:1rem; margin-bottom:1rem !important; } /* CONFIA */ #protocolo-confia .main > .section { display:none; } #protocolo-confia .tabs .tab:first-child { display:block; } /* FOOTER CONTACTO */ #footer-contacto { position:relative; color:#444; background:#FFF; } #footer-contacto a { color:#444; } #footer-contacto a:hover { color:#F03; text-decoration:none; } #footer-contacto .container { padding-top:2rem; padding-bottom:2rem; text-align:center; } #footer-contacto h5 { font-style:normal; font-weight:400; font-size:80%; opacity:.7; margin-bottom:.5rem; } #footer-contacto p { margin-bottom:0.25rem; } #footer-contacto .fa { width:64px; height:64px; line-height:62px; font-size:32px; text-align:center; margin-bottom:.75rem; background:#f6f6f6; border:0px solid #fff; border-radius:50%; } #footer-contacto small { font-weight:300; display:block; line-height:1.2; } @media only screen and (max-width: 991px){ #topbar .container { max-width:100% !important; } #topbar .navbar { padding:0; } #topbar .navbar-brand { margin:1rem 0 1rem 30px; } #topbar .navbar-toggler-icon { margin-right:15px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } #topbar .navbar-collapse { background:#F1F1F1; border-top:0px none; margin:0; } /*#topbar .navbar-collapse:before { position:absolute; left:50%; top:50%; width:200%; height:200%; content:''; background:#F1F1F1; transform:translate(-50%,-50%); z-index:-1; }*/ #topbar .navbar-collapse.collapse.show { display:block !important; } #topbar .navbar-nav { display:block; margin:0; border:0px none; } #topbar .navbar-nav li { font-size:1rem; text-align:left; } #topbar .navbar-nav > li { display:block; margin:0; border:0px none; border-bottom:1px solid #F1F1F1; } #topbar .navbar-nav > li:last-child { border:0px none; } #topbar .navbar-nav > li > a { font-size:1rem; color:#666; border-radius:0; padding:.5rem 2rem; } #topbar .navbar-nav > li > a.dropdown-toggle::after { position:absolute; right:2rem; top:1rem; } #topbar .navbar-nav > li > a:hover, .navbar-nav > li.show > a { color:#F03 !important; background:transparent; } #topbar .navbar-nav .dropdown-menu { font-size:1rem; position:relative; text-align:left; margin:0; padding:0 0 1rem; border:0; -webkit-box-shadow:none; box-shadow:none; background:transparent; border-radius:0; } #topbar .navbar-nav .dropdown-menu:not(.megamenu):after { position:absolute; left:2rem; bottom:0; width:calc(100% - 4rem); height:1px; content:''; background:#666; opacity:.2; } #topbar .navbar-nav .dropdown-menu ul { padding:0; } #topbar .navbar-nav .dropdown-menu li { font-size:.9rem; } #topbar .navbar-nav .dropdown-menu li a { color:#666; } #topbar .navbar-nav .dropdown-menu .dropdown-item { font-size:.9rem; color:#666; padding:.25rem 3rem; } #topbar .navbar-nav .dropdown-menu .dropdown-item:hover { color:#222; background:transparent; } #topbar .navbar-nav .dropdown-menu.megamenu ul { list-style:none; padding:0 2rem; } #topbar .navbar-nav .dropdown-menu.megamenu ul li { margin-left:0; } #topbar .navbar-nav .dropdown-menu.megamenu ul li a { display:block; padding:.25rem 0; } #topbar .navbar-nav .dropdown-menu.megamenu ul li a:hover { color:#222; text-decoration:none; } #home-2021 section .container { padding-top:2rem; padding-bottom:2rem; } #home-2021 .historia { /*height:200px; margin-bottom:30px;*/ } #home-2021 .historia a { background-size:cover; padding:1rem; border-radius:0; } #home-2021 .historia a:before { opacity:1 !important; border-radius:0; background:rgba(0,0,0,0); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.9))); background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; } #home-2021 .historia a:after { display:none !important; } #home-2021 .historia a .fa { left:1rem; } #home-2021 .historia a .fa-angle-double-left, #home-2021 .historia a .fa-angle-double-right { font-size:2.5rem; opacity:1 !important; display:block !important; } #home-2021 .historia a .fa-angle-right { display:none; } #home-2021 .historia a > div { justify-content:flex-end !important; padding:0; } #home-2021 .historia .caption { display:block; opacity:1; padding-bottom:0; visibility:visible; display:none !important; } #home-2021 .historia .caption h3 { padding-right:20%; } #home-2021 .historia a:hover > div { height:100%; } footer .container { max-width:100% !important; } } @media (min-width:992px){ #topbar .fixed .navbar-nav > li { height:80px; font-size:14px; } #topbar .fixed .navbar-nav > li > a { color:#205493; } #topbar .fixed .navbar-nav > li > a:hover, .fixed .navbar-nav > li.show > a { color:#FFF; } #topbar .fixed .fa-search { color:inherit; } #topbar .navbar-nav > li > a { min-width:140px; color:#666; text-align:center; padding:.5rem 2rem !important; border-radius:20px; background:#F1F1F1; } #topbar .navbar-nav > li > a:hover, #topbar .navbar-nav > li.show > a { color:#FFF; background:#F03; border-top-left-radius:0; } #topbar .dropdown-toggle::after { display:none; } #topbar .sm-menu { min-width:100%; max-width:1440px; overflow:hidden; border:0px; top:57px; margin:0; border-radius:0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#F1F1F1; z-index:3; } #topbar .navbar-tog { color:#1ebdc2; } #topbar .sm-menu a { font-size:14px; color:#666; margin:.25rem 0; } #topbar .sm-menu a:hover { background:transparent; color:#F03; } .megamenu-li { position:static !important; } .megamenu { position:absolute; width:100%; left:0; right:0; padding:0; } #topbar .megamenu.sm-menu { border-radius:0; top:77px; } .megamenu i { width:20px; } .megamenu ul { list-style:none; margin:0; padding:0; } .megamenu li { margin:0 0 1rem; } .megamenu li:last-child { margin-bottom:0; } .megamenu li > a { color:#686868; padding:0; background:transparent; border-radius:0; } .megamenu li > a:hover { color:#F03 !important; background:transparent; text-decoration:none; } .megamenu .adorno { position:relative; } .megamenu .adorno:before { position:absolute; right:100%; top:0; width:200%; height:100%; content:''; background:#F03; z-index:0; } .megamenu .gutter-30 > [class^="col-"], .megamenu .gutter-30 > [class*=" col-"] { position:relative; padding-top:2.5rem; padding-bottom:2.5rem; } .megamenu .gutter-30 > [class^="col-"]:not(:last-child):after { position:absolute; right:0; top:50%; width:1px; height:calc(100% - 5rem); content:''; background:#000; opacity:.2; transform:translateY(-50%); } .megamenu .row-images-wrap { position:relative; } .megamenu .row-images-wrap:before { position:absolute; top:0; right:0; width:200%; height:100%; content:''; background:#F3F3F3; z-index:0; } .megamenu .row-images { margin:0 -.5rem; } .megamenu .row-images > [class^="col-"], .megamenu .row-images > [class*=" col-"] { padding:0 .5rem; } .megamenu .card { position:relative; color:#FFF !important; padding:0; background:transparent !important; border-radius:20px; overflow:hidden; } .megamenu .card span, .megamenu .card .fa { position:absolute; left:1rem; } .megamenu .card span { display:block; bottom:48px; line-height:1.2rem; width:70%; } .megamenu .card .fa { bottom:20px; display:inline-block; width:auto; color:#FFF; background:#1F69B2; padding:2px 3px 2px 24px; border-radius:10px; } } @media only screen and (max-width: 767.98px){ body { padding-top:67px; } #topbar .navbar-brand img { height:40px !important; } #home-2021 .historia { height:200px; margin-bottom:15px; } #home-2021 .historia .caption { display:none !important; } p { line-height:1.5; } } @media only screen and (max-width: 575.98px){ body { padding-top:62px; } #topbar .navbar-brand { margin-left:15px; } #topbar .navbar-brand img { height:30px !important; } #home-2021 .historia a h2 { font-size:1.5rem; line-height:1.1; padding:0 5rem 0 0; } .page header h1 { font-size:2.5rem; } footer { font-size:14px; } #footer-top .container { padding-top:1.5rem; } #footer-top img { height:30px !important; } #footer-top .contacto { padding-top:0; } #footer-bottom p { font-size:.7rem; } #do-it-yourself ol.estilo-none.formato-1 li { display:block; } #do-it-yourself ol.estilo-none.formato-1 li .paso-imagen { display:block; text-align:center; } #do-it-yourself ol.estilo-none.formato-1 li .paso-imagen figure { display:inline-block; } #do-it-yourself ol.estilo-none.formato-1 li .paso-contenido { padding:10px 0 0; } #do-it-yourself ol.estilo-none.formato-1 li .paso-contenido:before { display:none; } } @media only screen and (max-width: 320px){ .page header h1 { font-size:2rem; } } /* GUARDIAN */ .howuse__number { background:#ed1c2c; } .faqs__question__link:hover { color:#ed1c2c; text-decoration:none; } .faqs__answer a { color:#ed1c2c; text-decoration:underline; } /* LIBRO DE RECLAMACIONES */ #libro-de-reclamaciones main { background:#F6F6F6; } #libro-de-reclamaciones .wpcf7 fieldset { margin-bottom:2rem; } #libro-de-reclamaciones .wpcf7 legend { font-weight:400; font-size:1.25rem; margin-bottom:1rem; } #libro-de-reclamaciones .wpcf7 .form-group, #libro-de-reclamaciones .wpcf7 .form-control { color:#212529; } #libro-de-reclamaciones .wpcf7 .form-control { font-size:1.1rem; } #libro-de-reclamaciones .wpcf7 label { margin-bottom:.25rem; } #libro-de-reclamaciones .wpcf7 .form-row > .form-group > label { display:block; } #libro-de-reclamaciones .wpcf7 .wpcf7-list-item.first { margin:0; } #libro-de-reclamaciones .wpcf7 .btn-submit { color:#FFF; background:#F03; text-transform:uppercase; padding-left:1.5rem; padding-right:1.5rem; } #libro-de-reclamaciones .wpcf7 .wpcf7-not-valid-tip { font-weight:300 !important; font-size:.9rem !important; color:#F03 !important; } #libro-de-reclamaciones .wpcf7 .wpcf7-spinner, #libro-de-reclamaciones .wpcf7 .wpcf7-response-output { display:none !important; } #libro-de-reclamaciones #contenido_inferior, #libro-de-reclamaciones #contenido_inferior p { font-size:.9rem; line-height:1.5; } #libro-de-reclamaciones #contenido_inferior ul { padding-left:0; margin-left:20px; } #footer-top .social li a:hover { color:#FFF !important; background:#F03 !important; } #footer-top .hero__btns { margin:0; } #footer-top .boton-1, #footer-top .boton-2 { background:transparent; border:1px solid #FFF; } #footer-top .btn { position:relative; display:inline-block; padding:8px 16px; font-family:Fira Sans Semibold, sans-serif; font-size:.875rem; line-height:1.25rem; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; border:none; outline:none!important; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); transition:color .15s, background .15s; white-space:nowrap; border-radius:12px 0; } #footer-top .btn.no-touch:hover { color:#fff; background:#F03; border-color:#F03; text-decoration:mone; } #footer-top .btn.no-touch:active, .btn:active { opacity:.7; } #footer-top .btn-stores { display:block; margin:8px; color:#fff; border-radius:8px; padding:8px 16px; font-size:1.125rem; line-height:2rem; transition:.3s; } #footer-top .btn-stores.no-touch:hover { color:#fff; background:#F03; border-color:#F03; text-decoration:mone; } #footer-top .btn-stores.no-touch:active, .btn-stores:active { opacity:.7; } @media (min-width:48em) { #footer-top .btn-stores { display:inline-block; padding:8px 32px; } } @media (min-width:64em) { #footer-top .btn-stores { font-size:1rem; line-height:1.75rem; line-height:32px; } } #footer-top .btn-stores__image { padding-right:8px; height:24px; margin:0; } @media (min-width:64em) { .btn-stores__image { height:40px; } } .footer-enlaces li { text-align:center; width:100%; } .footer-enlaces li:first-child { text-align:center; margin-bottom:1rem; padding:0; background:none; } .footer-enlaces li:first-child a { display:block; width:100%; height:0; padding-bottom:58%; border-radius:12px; background:#FFF url('../images/2021/libro-reclamaciones.png') no-repeat 50% 50%; background-size:90%; padding-left:0; } .footer-enlaces li:first-child a span { display:none; }