@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp {from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; }@-webkit-keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from {opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp; }@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;visibility:visible !important;}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important;visibility:visible;}} @keyframes zoom {from {opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 50% {opacity: 1; } } .zoom {-webkit-animation-name: zoom; animation-name: zoom; } .delay1{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.2s}.delay2{animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s}.delay3{animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s}.delay4{animation-delay:.7s;-moz-animation-delay:.7s;-webkit-animation-delay:.7s}.delay5{animation-delay:.9s;-moz-animation-delay:.9s;-webkit-animation-delay:.9s}.delay6{animation-delay:1.1s;-moz-animation-delay:1.1s;-webkit-animation-delay:1.1s}.delay7{animation-delay:1.3s;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s}.delay8{animation-delay:1.5s;-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s}.delay9{animation-delay:1.7s;-moz-animation-delay:1.7s;-webkit-animation-delay:1.7s}.delay10{animation-delay:1.9s;-moz-animation-delay:1.9s;-webkit-animation-delay:1.9s}/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-nav {width: 100%; position: relative;} .owl-nav button {background-color: var(--color) !important; color: #fff !important; width: 40px; height: 40px; border-radius: 20px; text-align: center; border: 1px solid var(--color) !important; position: absolute; top: -50%;} .owl-nav button.disabled {color: var(--main) !important} .owl-nav button.owl-next {position: absolute; right: 0;} .owl-nav button.owl-next.disabled, .owl-nav button.owl-prev.disabled {background:none !important}.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}::-moz-selection {background: var(--selcolor); text-shadow: none; } ::selection {background: var(--selcolor); text-shadow: none; } body.⯆ #menu {background: var(--bg-grey)} body.⯆ #menu, body.⯆ #menu a {color: #000} body.⯆ #menu #logo img:last-child {display: inline-block; width: 90px; height: 110px} body.⯆ #menu #logo img:first-child {display: none;} body.⯆ #menu li img {filter: brightness(0) saturate(100%) invert(58%) sepia(88%) saturate(290%) hue-rotate(123deg) brightness(98%) contrast(86%);} body.⯆ #menu > div.container > div {padding: 0.3rem !important } body.⯆ #🍔 span {background-color: var(--color)} html.👁 { --color: #8d0e7b; } body.🍔 {overflow: hidden;} body.🍔 nav.nav {left: 0} #accessibility {position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: #fff; border: 1px solid #37572b; z-index: 9999; padding: 10px; font-weight: 500} #accessibility hr {margin:0.5rem 0} #accessibility a {color:#000; text-decoration: underline;} html.size2, html.size2 body {font-size: 22px;} html.size3, html.size3 body {font-size: 24px;} .h2 .big {font-size: 4rem} #pop-preocupa.open {max-height: 96vh; overflow-y: auto; width: 1175px} #pop-preocupa.open .patologias {display: block;} #pop-preocupa.open .patologias .item {margin-left: 20px; flex-basis: 210px; height: 250px} #pop-preocupa.open .patologias .row .item:first-child {margin-left: 0} #pop-preocupa.open .d-flex > div:last-child{display: block;} #pop-preocupa span.cerrar {font-size: 30px; color: var(--color)} .patologia {overflow: hidden;} .patologia div {position: relative;} .patologia .bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .patologia .cover {filter: grayscale(1); transition: filter 0.2s linear} .patologia:hover .cover {filter: none} .patologia > div {background-color:rgba(255, 255, 255, 0.5);} .text-small {font-size: 0.9rem;} .text-xsmall {font-size: 0.75rem;} .text-black, a.text-black:hover {color:var(--main);} .text-underlined {text-decoration: underline;} .big {font-size: 2rem} .bbig {font-size: 5rem} .bbbig {font-size: 9rem} .bg-color {background-color: var(--bg-color);} .bg-color1 {background-color: var(--bg-color1);} .bg-color2 {background-color: var(--bg-color2);} .bg-color3 {background-color: var(--bg-color3);} .bg-gradient {background: linear-gradient(90deg,rgba(249, 238, 253, 1) 0%, rgba(255, 255, 255, 1) 100%);} .text-color1 {color: var(--color1) !important;} .text-color2 {color: var(--color2) !important;} .text-color3 {color: var(--color3) !important;} .border{border-color:var(--main) !important} .rounded-15 {border-radius: 15px} .container-lg {max-width: 1650px;} .cl,.lk {cursor: pointer;} .ovh {overflow:hidden;} .ovv {overflow: visible;} .w-100,.mw-100{height: auto;} .z-1 {z-index: 1} .rounded {border-radius: 20px !important} hr {border-color: var(--color); border-width: 2px} .text-grey p {color:#5b5b5b} .text-grey h2, .text-grey .h2{color: #323232} .btn-big {padding:.5rem 3.5rem;} .btn-xs {padding:.25rem 0.7rem; font-size:0.8rem;} .btn:active{box-shadow:none;} .btn-default:hover {color: #fff;} .btn-primary{color:var(--bg-grey);background-color:var(--color);border:none} .btn-border:hover {background-color: var(--color) !important; color: #fff !important} .btn-ico {padding:5px 15px} .bg-light .bg-light {background-color: #f4f4f4 !important; transition: background-color 0.2s linear} .bg-light .bg-light:hover {background-color: #f3e4f5 !important} .modal-title {font-size: 1rem !important;} .modal-content {width: 100% !important;} .modal-content p:last-child {margin-bottom: 0;} .modal-header {display: block; padding: 10px 20px; background-color: var(--color); color: #fff;} .modal-header button {position: absolute; right: 20px; top: 20px;} .modal-header .close {padding: 10px 17px; color: #fff; margin: -0.6rem -0.5rem -1rem auto;} .modal-footer {padding: 0.5rem;} .modal .error {display: none;} .modal .close {position: absolute; right: 32px; top: 32px; width: 40px; height: 40px; opacity: 0.3; border: 3px solid #fff !important; border-radius: 50%; z-index: 99; color: fff;} .modal .close:hover {opacity: 1; } .grecaptcha-badge {display: none;} .parallax:before {content:''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);} .bg-olas {background-image:url(../img/bg-olas.svg); width: 100%; min-height: 150px; background-position: bottom center; background-size: auto 100%} .bg-olas-pink:before {content:''; position: absolute; left: -10%; top: 300px; height: 500px; background-image:url(../img/bg-olas-pink.svg); width: 120%; top center; background-size: 100%; background-repeat: no-repeat;} .border-bottom-radious {border-bottom-left-radius: 30px; border-bottom-right-radius: 30px} form label {margin-bottom: 0; font-weight: 600;} .form-control{background:none; border:none; color: var(--main)} .form-group>div.b{border-bottom: 1px solid var(--main); position: relative;} .form-control::placeholder {} *:focus {outline: none;} .form-control:focus, .form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active { -webkit-box-shadow: none !important; box-shadow: none !important; color: var(--main) !important; background: none !important; } .table {width: 100%;} .table th, .table td {vertical-align: middle;} .table td {font-size: 85%;} .table thead th {color: #fff; background-color: var(--color); font-weight: 400; padding: 5px 20px;} #menu {transition: background 0.5s linear;} #menu ul li.submenu > div {position: absolute; left: -80px; top: 100%; width: 680px; font-weight:500; padding-top: 24px} #menu ul li.submenu > div > div{background-color: #fff; padding:2rem; border-radius: 30px; } #menu ul li.submenu:hover > div, #menu ul li.submenu.open > div {display: block; } #menu ul li.submenu > div ul, nav.nav ul {padding: 0} #menu ul li.submenu > div li, nav.nav li {position: relative; padding:0.4rem 0} #menu ul li.submenu > div li a, nav.nav li a {padding-left: 0.5rem; color: var(--main)} nav.nav {display: block; position: fixed; left: -100%; width: 50%; top: 0; height: 100vh; background-color: #fff; z-index: 31; transition: left 0.2s linear; padding:100px 20px 20px 100px} nav.nav ul {list-style: none;} nav.nav .nav-main {overflow-y: auto; height: calc(100vh - 100px); overflow-x: hidden;} nav.nav .nav-main > span i {font-size: 30px} nav.nav .submenu-mobile {display: none; padding-right: 20px} nav.nav ul li.submenu strong:after{filter: brightness(0%); position: relative; left: 0; top: 0; margin-left: 5px; display: inline-block;} table.table {font-size: 0.8rem; height: auto;} table.table th {background-color: var(--bg-color);} table.table th.bg-color {background-color: var(--color);} #filter {position: fixed; left: -100%; top: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(255,255,255,0.5); opacity: 0; cursor: pointer; transition: opacity 0.2s 0.1s} #popup {position: fixed; width: 100%; height: 100%; z-index: 11; top:0; left: 0;} section p:last-child {margin-bottom: 0} .boxes div.table {min-height: 45px;} #blog article img {border-radius: 30px; object-fit: cover; width: 100%; height: 340px} #blog article h3 {margin-top: 20px; line-height: 1; font-weight: 700} #blog article h3 a {color:var(--main); font-size: 1.2rem;} #blog article div.small {font-size: 0.75rem} .owl.blog .owl-stage{padding-left: 0 !important; } /* Row más ancho */ div.row.row-w {margin-right:-80px} .caso-item{margin-bottom:30px;} .foto-cara{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:20px;} .foto-cara img{position:absolute;width:100%;height:100%;object-fit:cover;} .foto-cara .antes{filter:grayscale(100%);} .foto-cara .despues{opacity:0;transition:opacity .5s;} .foto-cara:hover .despues{opacity:1;} .comparador{margin-top:15px;} .comp-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:15px;cursor:ew-resize;user-select:none;} .comp-wrap img{position:absolute;width:100%;height:100%;object-fit:cover;} .img-antes{clip-path:inset(0 50% 0 0);} .img-despues{clip-path:inset(0 0 0 50%);} .comp-slider{position:absolute;width:2px;height:100%;background:#fff;left:50%;top:0;transform:translateX(-50%);z-index:10;} .comp-handle{position:absolute;width:40px;height:40px;background-image:url('../img/ic-before-after.svg');border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,.3);cursor:grab;z-index:11;} .comp-handle:active{cursor:grabbing;} .comp-labels{display:flex;justify-content:space-between;margin-top:8px;font-weight:600;} .ratings .comentario {font-size: 1.1rem; font-style: italic; opacity: 0.8} .rating span {font-size: 20px} .equipo .foto {border-top-right-radius: 30px; border-top-left-radius: 30px} .equipo .bg-light {border-bottom-right-radius: 30px; border-bottom-left-radius: 30px} .equipo .right {content:''; width: 20px; height: 20px; background-image: url('../img/ic-submenu.svg'); background-repeat: no-repeat; display: inline-block; transform: rotate(-90deg); filter: brightness(0) saturate(100%) invert(98%) sepia(88%) saturate(1384%) hue-rotate(200deg) brightness(95%) contrast(88%);} .equipo .owl-item{transition: transform .35s ease, opacity .35s ease; will-change: transform, opacity; } .equipo .owl-item:not(.center){transform: scale(.8); opacity: .8; } .equipo .owl-item.center{transform: scale(1); opacity: 1; } /*.equipo .owl-nav.disabled { display: flex; }*/ #cta .cta {font-size: 10rem; font-weight: 700; color: #323232} #cta { position: relative; overflow: hidden; /* para que el fondo no “sangre” fuera al moverse */ } #cta .bg { position: absolute; left: 0; right: 0; top: 0; bottom: -20%; /* margen extra inferior para permitir el arranque más abajo */ background-color: var(--bg-grey); border-top-left-radius: 100% 50%; border-top-right-radius: 100% 50%; will-change: transform, border-radius; } .mobile-video > div {max-width: 100%; max-height: 90vh; display: inline-block; position: relative;} .mobile-video > div img {max-width: 100%; max-height: 90vh} .mobile-video > div div.vid {position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; border-radius: 30px} .vid {position: relative;} .vid > div {z-index: 1 !important} .vid span {position: absolute; right: 20px; bottom: 20px; cursor: pointer; color: #fff; z-index: 2; font-size: 50px} .vid-conoces {width: 100%; height: 100%; position: relative; border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden;} .vid-conoces div.vid {width: 100%; height: 100%;} footer {position: relative; font-size: 0.9rem} footer a {color: var(--main);} footer .contact .d-flex > div:first-child {flex-basis: 35px; margin-right: 2px;} footer > div.container {position: relative; overflow: hidden; max-width: 1600px} footer .redes {font-size: 28px} footer img.logo {max-width: 100%; height: auto;} footer ul li {line-height: 1.5; margin-bottom: 0.7rem;} footer ul li:before{content:'>'; margin-right: 5px; color: var(--color)} footer .autor {font-size: 0.65rem !important} footer .text-small {font-size: .7rem} footer div.flex > div:first-child{flex-basis: 123px; flex-shrink: 0} footer div.flex > div:last-child{flex-basis: 360px; flex-shrink: 0} @media (min-width: 590px){ .modal-content {width:inherit;} } @media (max-width: 1530px){ div.row.row-w {margin-right:-20px} } @media (max-width: 1200px){ nav.nav {padding:30px; width: 70%} .h2 .big {font-size: 3rem} .big {font-size: 1.6rem} .bbig {font-size: 4rem} .bbbig {font-size: 7rem} #cta .cta {font-size: 8rem} #pop-preocupa.open {width: 935px} #pop-preocupa.open .patologias .item {margin-left: 10px; flex-basis: 170px; height: 200px} } @media (max-width: 991px){ #menu .sc {position: absolute; left: 0; top: 77px; width: 100%; background-color: var(--color); padding:20px; z-index: 99; text-align: center; font-size: 1.2rem} #menu .sc .btn-tienda {display: inline-block;} #menu .sc li {padding:4px 0} #menu .sc .close {position: absolute; } #menu ul li.submenu.open > ul {position: relative;} #menu ul li.submenu:hover > ul {display: none;} #menu ul li.submenu.open > ul {display: block !important; } #menu div.icons ul li img {filter:none} #menu .btn-tienda {background-color: var(--color) !important; } #menu .btn-tienda a, #menu .btn-tienda .down {color: #fff !important;} #menu .submenu .btn-tienda .down {padding: 0.5rem;} #pop-preocupa.open {width: 592px} #pop-preocupa.open .patologias .row .item:first-child {margin-left: 10px} } @media (max-width: 767px){ #popup .wrapper > div > div {width: calc(100vw - 150px); } .bg-light-mobile {background-color: #f4f4f4} nav.nav { width: 80%; padding:20px} footer:before {height: 100px; top: -99px} footer:after{left: 50px; width:70px; height: 120px; } #pop-preocupa.open {width: calc(100% - 60px)} #pop-preocupa.open .patologias .row .item:first-child {margin-left: 10px} } @media (max-width: 576px){ nav.nav { width: 100%} .boxes div:nth-child(odd) {padding-right: 0} h2, .h2 {font-size: 2rem} .big {font-size: 1.2rem} .bbig {font-size: 3rem} .bbbig {font-size: 5rem} #cta .cta {font-size: 6rem} #pop-preocupa.open .patologias .row .item {flex-basis: 100%; margin-left: 0 !important} footer{overflow: hidden;} }