*::selection { background-color: rgba(226, 240, 223, 0.5);
} .e-loop-nothing-found-message {
margin: 0 !important;
;
padding: 0 !important;
;
}
.elementor-element-2a861eb {
position: relative;
display: inline-block;
overflow: hidden;
} .elementor-element-2a861eb::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid white;
box-sizing: border-box;
transform: scale(1.2); transition: transform 0.5s ease, opacity 0.5s ease;
pointer-events: none; } .elementor-loop-grid > :nth-last-child(1) { } html,
body {
overflow-x: hidden;
}
.img-carousel,
.img-carousel-pin {
transition: none !important;
will-change: transform;
} .source-reg {
font-family: 'SourceSerif4-Regular', serif;
}
.source-sem {
font-family: 'SourceSerif4-SemiBold', serif;
}
.source-ita {
font-family: 'SourceSerif4-Italic', serif;
}
.hijrnotes {
font-family: 'Hijrnotes', sans-serif;
}
.montserrat {
font-family: 'Montserrat', sans-serif;
} .text strong {
font-weight: 500;
}
strong {
font-family: 'SourceSerif4-SemiBold', serif;
}
.legales {
font-family: "SourceSerif4-Regular" !important;
font-size: 13px !important;
}
.legales h2,
.legales h3,
.legales span {
font-family: "SourceSerif4-Regular" !important;
font-size: 13px !important;
font-weight: 500;
} .title {
transition: transform 0.3s ease-in-out;
}
.title span {
position: relative;
font-size: 30px;
line-height: 1.4em;
display: flex;
color: #2F2F2F; }  .elarte {
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;   }
.elarte span {
transform-origin: center left;
opacity: 0;
}
.elarte span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 200;
text-transform: uppercase;
transform: translate(0, -60px) scale(2); }
.elarte span:nth-child(2) {
font-family: 'SourceSerif4-Italic', serif;
font-weight: 300;
transform: translate(-50px, -30px) scale(7);
}
.elarte span:nth-child(3) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 200;
text-transform: uppercase;
transform: translate(0, 50px) scale(2);
}
.elarte span:nth-child(4) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(160px, 0) scale(5);
color: #8D8471;
letter-spacing: 0;
} .tecnologia {
text-align: center;
}
.tecnologia span {
opacity: 0;
}
.tecnologia span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, 0) scale(3.5);
color: #E2F0DF;
letter-spacing: 0;
} .clinica {
text-align: center;
}
.clinica span {
opacity: 0;
}
.clinica span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(40px, 10px) scale(4);
text-transform: lowercase;
color: #FFFFFF;
z-index: 2;
}
.clinica span:nth-child(2) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(6);
text-transform: uppercase;
color: #8D8471;
z-index: 1;
opacity: 0;
} .tratamientos {
justify-content: center;
align-items: center;
align-content: center;
}
.tratamientos span {
transform-origin: center left;
opacity: 1;
}
.tratamientos span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 300;
transform: translate(0, 0) scale(1.4);
text-transform: uppercase;
color: #E2F0DF;
z-index: 1;
}
.tratamientos span:nth-child(2) {
font-family: 'SourceSerif4-Italic', serif;
font-weight: 300;
transform: translate(-50px, 10px) scale(4);
text-transform: lowercase;
color: #2F2F2F;
z-index: 2;
} .especialidades {
justify-content: center;
align-items: center;
align-content: center;
}
.especialidades span {
transform-origin: center center;
}
.especialidades span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(6);
text-transform: uppercase;
color: #9DA38E;
z-index: 1;
opacity: 0;
}
.especialidades span:nth-child(2) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, -50px) scale(4);
text-transform: lowercase;
color: #2F2F2F;
z-index: 2;
position: absolute;
} .dos-columnas {
column-count: 2;
column-gap: 20px; }
h2.title-sin-tratamiento {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0,0) scale(4);
font-size: 30px;
color: #8D8471;
letter-spacing: 0;
margin:60px 0 60px 0;
}
h2.title-sin-tratamiento.largo {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0,0) scale(2.5);
font-size: 30px;
color: #8D8471;
letter-spacing: 0;
margin:60px 0 60px 0;
word-break:normal;
overflow-wrap: break-word;
white-space: normal;
}
.especialidades-titulo-doble {
justify-content: center;
align-items: center;
align-content: center;
margin:60px 0 30px 0;
}
.especialidades-titulo-doble span {
transform-origin: center center;
font-size: 30px;
line-height: 1.4em;
display: block;
}
.especialidades-titulo-doble span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(5);
text-transform: uppercase;
color: #a9af98;
z-index: 1;
opacity: 1;
}
.especialidades-titulo-doble span:nth-child(2) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, -60px) scale(4);
text-transform: lowercase;
color: #2F2F2F;
z-index: 2;
opacity: 1;
word-spacing: -0.2em;
} .especialidades-titulo {
justify-content: center;
align-items: center;
align-content: center;
}
.especialidades-titulo span {
transform-origin: center center;
}
.especialidades-titulo span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(5);
text-transform: uppercase;
color: #a9af98;
z-index: 1;
opacity: 1;
}
.especialidades-titulo span:nth-child(2) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, -60px) scale(4);
text-transform: lowercase;
color: #2F2F2F;
z-index: 2;
position: absolute;
opacity: 1;
word-spacing: -0.2em;
} .titulo-mosaico {
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
line-height: 0.6em;
}
.titulo-mosaico span {
transform-origin: top left;
line-height: 0.6em;   }
.titulo-mosaico span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
font-size: 40px;
text-transform: uppercase;
color: #2F2F2F;
line-height: 0.6em;
letter-spacing: -0.02em;
}
.titulo-mosaico span:nth-child(2) {
font-family: 'Hijrnotes', sans-serif;
font-weight: 500;
font-size: 45px;
text-transform: lowercase;
color: #8d8471;
line-height: 0.6em;
word-spacing: -0.2em;
} .especialidades-tratamientos {
text-align: center;
}
.especialidades-tratamientos span {
opacity: 0;
}
.especialidades-tratamientos span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, 0) scale(3.5);
color: #8D8471;
letter-spacing: 0;
} .especialidades-frase {
text-align: center;
}
.especialidades-frase span {
font-size: 36px;
opacity: 1;
display: inline;
line-height: 1em;
}
.especialidades-frase span:nth-child(even) {
font-family: 'SourceSerif4-Italic', sans-serif;
font-weight: 300;
color: #9da38e;
line-height: 1em;
}
.especialidades-frase span:nth-child(odd) {
font-family: 'SourceSerif4-Italic', sans-serif;
font-weight: 500;
color: #2f2f2f;
line-height: 1em;
} .especialidades-avanzados {
text-align: center;
}
.especialidades-avanzados span {
opacity: 1;
}
.especialidades-avanzados span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, 0) scale(3.5);
color: #E2F0DF;
letter-spacing: 0;
line-height:1em;
} .slider_imagenes_especialidad { }
.slider_imagenes_especialidad .swiper-pagination {
margin-top: 150px;
} .galeria_imagenes_especialidad .swiper-slide-image {
aspect-ratio: 1/1;
object-fit: cover;
}
.galeria_imagenes_especialidad {
transition: none !important; }  .clinicapagina {
text-align: center;
}
.clinicapagina span {
opacity: 0;
}
.clinicapagina span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(40px, 10px) scale(4);
text-transform: lowercase;
color: #000000;
z-index: 2;
}
.clinicapagina span:nth-child(2) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(6);
text-transform: uppercase;
color: #9DA38E;
z-index: 1;
opacity: 0;
}  .contacto-telf {
justify-content: center;
align-items: center;
align-content: center;
}
.contacto-telf span {
transform-origin: center center;
}
.contacto-telf span:nth-child(1) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, -60px) scale(4); color: #2F2F2F;
z-index: 2;
position: absolute;
opacity: 1;
word-spacing: -0.2em;
pointer-events: none;
}
.contacto-telf span:nth-child(2) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
transform: translate(0, 0) scale(5);
text-transform: uppercase;
color: #a9af98;
z-index: 1;
opacity: 1;
letter-spacing: -0.02em;
word-spacing: -0.005em;
}
.contacto-telf span:nth-child(2) a {
color: #b2a690;
transition: all 0.3s ease;
}
.contacto-telf span:nth-child(2) a:hover {
color: #E2F0DF;
} .mail-link span {
display: inherit;
}
.mail-link span span:nth-child(1) {
display: block;
padding-top:2px;
} ul.lista {
list-style: none; margin: 0;
padding: 0;
}
ul.lista li {
position: relative; padding-left: 16px; margin-bottom: 10px; }
ul.lista li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
transform: translateY(-4px);
width: 7px;
height: 7px;
background-color: #b2a690;
border-radius: 100%;
} ul.doctores-list {
list-style-type: disc;
margin: 0;
padding-left: 12px;
line-height:1.3em;
margin-bottom:20px;
}
ul.doctores-list li {
margin-bottom: 7px;
}
ul.doctores-list li ul {
margin-bottom:20px;
}
ul.doctores-list li ul li {
margin-top: 7px;
} ul.doctores-list li::marker {
color: #666; }  .formulario {
text-align: center;
}
.formulario span {
opacity: 1;
justify-content: center;
align-items: center;
align-content: center;
}
.formulario span:nth-child(1) {
font-family: 'SourceSerif4-Regular', serif;
font-weight: 500;
line-height: 1em;
transform: translate(0, 0) scale(3);
text-transform: uppercase;
color: #b2a690;
z-index: 1;
}
.formulario span:nth-child(2) {
font-family: 'Hijrnotes', sans-serif;
transform: translate(0, -65px) scale(3);
text-transform: lowercase;
color: #2f2f2f;
z-index: 2;
} .formulario-contacto .elementor-field-type-submit {
display: none;
} .elementor-field-group-field_9ee024a {
display: none;
} .custom-checkbox-wrapper {
display: flex;
align-items: center;
cursor: pointer;
margin-bottom: 10px; } .custom-checkbox {
width: 36px;
height: 36px;
flex-shrink: 0;
} .custom-checkbox svg {
width: 100%;
height: 100%;
}  .custom-checkbox svg .checkbox-circle {
fill: #9da38e;
transition: fill 0.3s ease;
} .custom-checkbox.active svg .checkbox-circle {
fill: #b2a690 !important;
}  .custom-checkbox svg .checkmark {
stroke-dasharray: 64;
stroke-dashoffset: 64;
transition: stroke-dashoffset 0.3s ease;
stroke: #fff; stroke-width: 4px;
stroke-miterlimit: 10;
} .custom-checkbox-wrapper:hover .custom-checkbox svg .checkmark {
stroke-dashoffset: 0;
} .custom-checkbox.active svg .checkmark {
stroke-dashoffset: 0;
} .checkbox-text {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
line-height: 1.3em;
margin-left: 8px;
color: #b2a690;
} .elementor-form .elementor-field,
.elementor-form .elementor-field input,
.elementor-form .elementor-field textarea,
.elementor-form .elementor-field select { box-shadow: none !important;
outline: none !important;
} .elementor-form input::placeholder,
.elementor-form textarea::placeholder {
opacity: 1 !important;
} .elementor-form input::-webkit-input-placeholder,
.elementor-form textarea::-webkit-input-placeholder {
opacity: 1 !important;
} .elementor-form input::-moz-placeholder,
.elementor-form textarea::-moz-placeholder {
opacity: 1 !important;
} .elementor-form input:-ms-input-placeholder,
.elementor-form textarea:-ms-input-placeholder {
opacity: 1 !important;
} .elementor-form input:-moz-placeholder,
.elementor-form textarea:-moz-placeholder {
opacity: 1 !important;
}   a.card-tratamiento {
position: relative;
} a.card-tratamiento .card-border-wrapper {
position: absolute;
inset: 0; display: flex;
align-items: stretch;
justify-content: stretch;
pointer-events: none;
z-index: 10;
} a.card-tratamiento .card-border {
flex: 1;
width: 100%;
height: 320px;
position: relative;
} a.card-tratamiento .card-border rect {
transition: stroke-dashoffset 800ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
} a.card-tratamiento:hover .card-border rect {
stroke-dashoffset: 0;
} a.card-tratamiento:hover .card-tratamiento-btn div p {
color: #ffffff;
transition: all 800ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
}
a.card-tratamiento:hover .card-tratamiento-title h2 {
color: #b2a690;
transition: all 800ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
}
a.card-tratamiento:hover .card-tratamiento-btn div p,
a.card-tratamiento:hover .card-tratamiento-title h2 {
transition: all 800ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
}  a.card-especialidad {
position: relative;
} a.card-especialidad:hover { transition: all 400ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
} a.card-especialidad:hover .card-especialidad-img {
transform: scale(1.1);
transition: all 400ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
} a.card-especialidad:hover .card-especialidad-btn {
color: #2F2F2F;
background: #E2F0DF;
border: 1px solid #E2F0DF;
transition: all 400ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
}  .elementor-post-navigation {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
} .elementor-post-navigation__link {
display: inline-block;
cursor: pointer;
transition: opacity 0.3s ease;
} .nav-svg {
width: 128px;
height: auto;
display: block;
} .nav-svg circle {
transition: transform 0.3s ease;
transform-box: fill-box;
transform-origin: center;
} .nav-svg #arrow {
transition: transform 0.3s ease;
} .elementor-post-navigation__next:hover .nav-svg circle {
transform: scale(1.1); }
.elementor-post-navigation__next:hover .nav-svg #arrow {
transform: translateX(10px); } .elementor-post-navigation__prev:hover .nav-svg circle {
transform: scale(1.1);
}
.elementor-post-navigation__prev:hover .nav-svg #arrow {
transform: translateX(-10px); } .elementor-post-navigation__link:hover {
opacity: 0.9;
} circle,
rect,
g,
line {
vector-effect: non-scaling-stroke;
}
.button-01,
.button-02,
.button-03,
.button-prev,
.button-next {
width: 120px;
height: 120px;
overflow: visible;
cursor: pointer;
}
.button-01 .circle,
.button-02 .circle,
.button-03 .circle,
.button-prev .circle,
.button-next .circle {
stroke: #9DA38E; fill: none;
stroke-width: 1.2;
stroke-dasharray: 754; stroke-dashoffset: 0;
transition: all 600ms cubic-bezier(.71, .04, .89, .63);
}
.button-02 .circle {
stroke: #8D8471;
}
.button-01 .fill,
.button-02 .fill,
.button-03 .fill,
.button-prev .fill,
.button-next .fill {
fill: #E2F0DF;
transform-origin: center;
transform: scale(0); transition: all 600ms cubic-bezier(.71, .04, .89, .63);
opacity: 1;
}
.button-02 .fill {
fill: #2F2F2F;
transform: scale(0.85);
}
.button-prev .fill,
.button-next .fill {
fill: none;
} .button-01 .arrow-line,
.button-01 .arrow-tip,
.button-02 .arrow-line,
.button-02 .arrow-tip,
.button-03 .arrow-line,
.button-03 .arrow-tip,
.button-prev .arrow-line,
.button-prev .arrow-tip,
.button-next .arrow-line,
.button-next .arrow-tip {
stroke: #2F2F2F;
stroke-width: 1.2;
transition: all 600ms cubic-bezier(.71, .04, .89, .63);
}
.button-02 .arrow-line,
.button-02 .arrow-tip {
stroke: #E2F0DF;
}
.button-prev .arrow-line,
.button-prev .arrow-tip,
.button-next .arrow-line,
.button-next .arrow-tip {
stroke: #FFFFFF;
} .button-01:hover .circle,
.button-02:hover .circle,
.button-03:hover .circle,
.button-prev:hover .circle,
.button-next:hover .circle {
stroke-dashoffset: 1508;
transition: all 500ms ease-out;
}
.button-01:hover .fill,
.button-02:hover .fill,
.button-03:hover .fill,
.button-prev:hover .fill,
.button-next:hover .fill {
transform: scale(0.85);
transition: all 200ms ease-out;
}
.button-02:hover .fill {
transform: scale(0);
}
.button-01:hover .arrow,
.button-02:hover .arrow,
.button-03:hover .arrow {
animation: arrow-move 300ms ease-in-out;
}
.button-next:hover .arrow {
animation: arrow-left 300ms ease-in-out;
}
.button-prev:hover .arrow {
animation: arrow-right 300ms ease-in-out;
} .button-send {
width: 120px;
height: 120px;
overflow: hidden;
cursor: pointer;
}
.button-send .button-text,
.button-send .arrow,
.button-send .fill {
transition: all 600ms cubic-bezier(0.11, 0.37, 0.29, 0.96);
} .button-send .arrow {
opacity: 0;
transform: translateX(-100px);
stroke: none;
fill: #9da38e;
} .button-send .button-text {
opacity: 1;
transform: translateX(0);
font-family: 'Montserrat', sans-serif;
font-size: 13px;
font-weight: 400;
color: #2F2F2F;
}
.button-send .fill {
fill: #9da38e;
transform-origin: center;
transform: scale(1);
overflow: hidden;
opacity: 1;
}
.button-send .arrow-line,
.button-send .arrow-tip {
stroke: #2F2F2F;
stroke-width: 1.5;
} .button-send:hover .arrow {
opacity: 1;
transform: translateX(0);
}
.button-send:hover .button-text {
opacity: 0;
transform: translateX(100px);
}
.button-send:hover .fill {
transform: scale(0.9);
}
@keyframes arrow-move {
0% {
transform: translateY(0);
}
50% {
transform: translateY(30px);
opacity: 0;
}
51% {
transform: translateY(-30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes arrow-left {
0% {
transform: translateX(0);
}
50% {
transform: translateX(30px);
opacity: 0;
}
51% {
transform: translateX(-30px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes arrow-right {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-30px);
opacity: 0;
}
51% {
transform: translateX(30px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
} .container-circles-01,
.container-circles-02 {
width: 100%;
height: 300px;
}
.circles-01,
.circles-02 {
width: 100%;
height: 100%;
overflow: visible;
}
.circles-01 circle {
stroke: #E2F0DF;
stroke-width: 1.2;
}
.circles-02 circle {
stroke: #FFFFFF;
stroke-width: 1.2;
}
.circles-01 circle#circle1 {
cx: 82%;
cy: 120%;
r: 0;
fill: none;
}
.circles-01 circle#circle2 {
cx: 80%;
cy: 120%;
r: 0;
fill: none;
}
.circles-01 circle#circle3 {
cx: 78%;
cy: 120%;
r: 0;
fill: none;
}
.circles-02 circle#circle1 {
cx: 18%;
cy: 120%;
r: 0;
fill: none;
}
.circles-02 circle#circle2 {
cx: 20%;
cy: 120%;
r: 0;
fill: none;
}
.circles-02 circle#circle3 {
cx: 22%;
cy: 120%;
r: 0;
fill: none;
} .img-carousel {
opacity: 1;   } .img-carousel-pin { }
.animate-carousel {
margin-left: -30vw;  }
.img-tratamientos { }
.fade-in {
opacity: 1; } .grecaptcha-badge {
visibility: hidden;
} .elementor-nav-menu--dropdown {
padding-bottom: 40px !important;
padding-top: 20px !important;
} #header-top,
#header-top-mb {
transition: transform 200ms ease-in-out;
}
.headerup {
transform: translateY(-150px);
}  input {
cursor: pointer;
} .iframeMap {
width: 100vw !important;
} a.mail-link {
color: #1C518F
}
a.mail-link:hover {
color: #95CBEF
}
.footer-link a.mail-link {
color: #95CBEF
}
.footer-link a.mail-link:hover {
color: #fff
} #form-field-field_96061e1 {
appearance: none;
width: 20px;
height: 20px;
background-color: #94CCF5;
border: 0 solid #94CCF5;
border-radius: 4px;
cursor: pointer;
position: absolute;
} #form-field-field_96061e1:checked {
background-color: #1C518F;
border-color: #1C518F;
} #form-field-field_96061e1:checked::before {
content: '✔';
color: white;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
label[for=form-field-field_96061e1] {
font-family: 'Montserrat', sans-serif !important;
font-size: 12px !important;
font-weight: 400 !important;
margin-left: 30px !important;
margin-top: 8px !important;
display: block !important;
} .cmplz-buttons {
flex-direction: row-reverse;
font-family: 'Montserrat', sans-serif !important
}
.cmplz-buttons button {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px !important;
line-height: 1.2em !important;
}
.cmplz-cookiebanner.cmplz-show {
box-shadow: rgba(0, 0, 0, 0.20) 0px 0px 10px, rgba(0, 0, 0, 0.20) 0px 0px 0px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
padding: 8px 12px 8px 13px !important;
height: auto !important;
}
#cmplz-document p {
font-size: 12px !important;
}
#cmplz-document li {
font-size: 12px;
} .elementor-button {
cursor: pointer;
} .custom-post-nav {
display: flex;
justify-content: space-between;
}
.custom-prev svg,
.custom-next svg {
width: 130px;
height: auto;
}
.custom-prev svg {}
.custom-next svg {}
.elementor-post-navigation__link__prev span {
opacity: 0;
width: 150px;
height: 150px;
}
.elementor-post-navigation__prev a {
justify-content: flex-end !important;
}
.elementor-post-navigation__link__prev {
background: url(https://bekenkoclinic.com/wp-content/uploads/ico-anterior.svg) no-repeat center center;
}
.elementor-post-navigation__link__next span {
opacity: 0;
width: 150px;
height: 150px;
}
.elementor-post-navigation__next a {
justify-content: flex-start !important;
}
.elementor-post-navigation__link__next {
background: url(https://bekenkoclinic.com/wp-content/uploads/ico-siguiente.svg) no-repeat center center;
} @media (max-width: 1024px) { .elarte {
transform: translate(0, 40px) scale(0.7);
transition: none !important;
}
.tecnologia {
transform: scale(0.7);
}
.clinica {
transform: scale(0.7);
}
.tratamientos {
transform: scale(0.7);
}
.especialidades {
transform: scale(0.7);
} .especialidades-titulo {
transform: scale(0.65);
}
.especialidades-avanzados span:nth-child(1) {
transform: translate(0, 0) scale(2);
}
.especialidades-titulo-doble {
transform: scale(0.65);
}
h2.title-sin-tratamiento {
transform: translate(0,0) scale(3.5);
} .titulo-mosaico span:nth-child(1) {
transform: translate(0, 0) scale(1);
font-size: 35px;
}
.titulo-mosaico span:nth-child(2) {
transform: translate(0, 0) scale(1);
font-size: 40px;
} .contacto-telf span:nth-child(1) {
transform: translate(0, -40px) scale(3);
}
.contacto-telf span:nth-child(2) {
transform: translate(0, 0) scale(3.5);
}  .formulario span:nth-child(1) {
transform: translate(0, 0) scale(2.5);
}
.formulario span:nth-child(2) {
transform: translate(0, -65px) scale(2.5);
}
} @media (max-width: 768px) {
.button-01,
.button-02,
.button-03 { }
.button-01,
.button-02,
.button-03 {
transform: scale(0.8);
}
.container-circles-01,
.container-circles-02 {
transform: translate(0, 100px);
} .elarte {
transform: translate(-40px, 20px) scale(0.5);
transition: none !important;
width: 100vw;
}
.elarte span:nth-child(1) {}
.elarte span:nth-child(2) {}
.elarte span:nth-child(3) {
transform: translate(70px, 50px) scale(2);
}
.elarte span:nth-child(4) {
transform: translate(-30px, 50px) scale(5);
}
.tecnologia {
transform: scale(0.6);
width: 180px;
}
.clinica {}
.clinica span:nth-child(1) {
transform: translate(40px, 20px) scale(3);
}
.clinica span:nth-child(2) {
transform: translate(0, 0) scale(4);
}
.tratamientos {
transform: translate(-70px, -40px) scale(0.5);
}
.tratamientos span {}
.tratamientos span:nth-child(1) {}
.tratamientos span:nth-child(2) {}
.especialidades span {}
.especialidades span:nth-child(1) {
transform: translate(0, 0) scale(3);
}
.especialidades span:nth-child(2) {
transform: translate(0, -50px) scale(3);
} .dos-columnas {
column-count: 1;
column-gap: 0; }
h2.title-sin-tratamiento {
transform: translate(0,0) scale(2);
}
.especialidades-titulo {
transform: scale(0.4);
letter-spacing: -0.1em;
}
.especialidades-tratamientos span:nth-child(1) {
transform: translate(0, 0) scale(1.8);
}
.especialidades-frase span {
font-size: 30px;
line-height: 1em;
}
.especialidades-titulo-doble {
transform: scale(0.4);
letter-spacing: -0.1em;
} .titulo-mosaico span:nth-child(1) {
transform: translate(0, 0) scale(1);
font-size: 30px;
}
.titulo-mosaico span:nth-child(2) {
transform: translate(0, 0) scale(1);
font-size: 35px;
} .contacto-telf span:nth-child(1) {
transform: translate(0, -30px) scale(1.8);
}
.contacto-telf span:nth-child(2) {
transform: translate(0, 0) scale(2);
}
.map {
height: 360px;
}  .formulario span:nth-child(1) {
transform: translate(0, 0) scale(1.5);
}
.formulario span:nth-child(2) {
transform: translate(0, -65px) scale(1.5);
}
} .video-responsive {
width: 100%;
aspect-ratio: 64 / 25;
overflow: hidden;
} .video-responsive .elementor-wrapper {
width: 100% !important;
height: 100% !important;
aspect-ratio: inherit !important;
display: flex;
align-items: center;
justify-content: center;
} .video-responsive video {
width: 100% !important;
height: 100% !important;
aspect-ratio: inherit !important;
object-fit: contain;
display: block;
} @media (max-width: 1024px) and (min-width: 769px) {
.video-responsive {
aspect-ratio: 5 / 3 !important;
}
.video-responsive video {
aspect-ratio: 5 / 3 !important;
object-fit: cover !important;
}
} @media (max-width: 768px) and (orientation: portrait) {
.video-responsive {
aspect-ratio: 5 / 4 !important;
}
.video-responsive video {
aspect-ratio: 5 / 4 !important;
object-fit: cover !important;
}
} @media (max-width: 768px) and (orientation: landscape) {
.video-responsive {
aspect-ratio: 64 / 25 !important;
}
.video-responsive video {
aspect-ratio: 64 / 25 !important;
object-fit: contain !important;
}
}