/*
Theme Name: Cime theme
Author: Hordan Navarro
Version: 1.0
*/

@font-face {
    font-family: Montserrat_Regular;
    src: url(css/fonts/Montserrat_Regular.ttf);
}
@font-face {
    font-family: Montserrat_Bold;
    src: url(css/fonts/Montserrat_Bold.ttf);
}
@font-face {
    font-family: Montserrat_Medium;
    src: url(css/fonts/Montserrat_Medium.ttf);
}
body {
    margin: 0;
    font-family: Montserrat_Regular;
    font-size: 16px;
    text-align: center;
    width: 100%;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: black;
}
a:hover{
    text-decoration: none;
    color: black;
}
ul {
    margin: 0;
}
figure {
    margin: 0;
}
h1, h2, h3, h4, p {
    font-weight: normal;
}
/*Textos */

.Montserrat_Regular {
    font-family: Montserrat_Regular !important;
}
.Montserrat_Bold {
    font-family: Montserrat_Bold !important;
}
.Montserrat_Medium {
    font-family: Montserrat_Medium !important;
}
.line-height {
    line-height: 1;
}
.w-contents {
    width: max-content;
}
.text-justify {
    text-align: justify;
}
/* Color */

.texto-blanco {
    color: white !important;
}
.fondo-blanco {
    background-color: white !important;
}
.texto-negro {
    color: #000000 !important;
}
.fondo-negro {
    background-color: #000000 !important;
}
.texto-negro-claro {
    color: #1A1A1A !important;
}
.fondo-negro-claro {
    background-color: #1A1A1A !important;
}
.texto-gris {
    color: #F5F5F5 !important;
}
.fondo-gris {
    background-color: #F5F5F5 !important;
}
.texto-gris-claro {
    color: #eeeeee !important;
}
.fondo-gris-claro {
    background-color: #eeeeee !important;
}
.texto-gris-oscuro {
    color: #333333 !important;
}
.fondo-gris-oscuro {
    background-color: #333333 !important;
}
.texto-azul {
    color: #3AAFFF !important;
}
.fondo-azul {
    background-color: #3AAFFF !important;
}
.texto-dorado {
    color: #F6D29A !important;
}
.fondo-dorado {
    background-color: #F6D29A !important;
}
.fondo-producto{
    background-color: #edf2ed !important;
}
.texto-gris-medio{
	color: #525252 !important;
}
.fondo-gris-medio{
	background-color: #525252 !important;
}
/* Imagenes */

.objet-fit-scalate {
    object-fit: scale-down;
}
.objet-fit-cover {
    object-fit: cover;
}
/* MENU 1*/

.contenedor-submenu-pc{
    display: none !important;
    position: absolute;
    background: white;
    width: 100%;
    left: 0px;
    top: 117px;
    z-index: 9;
    height: 345px;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05);
    padding: 25px;
    overflow-y: auto;
}

.contenedor-submenu-pc::-webkit-scrollbar {
  width: 5px;
}
.contenedor-submenu-pc::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.contenedor-submenu-pc::-webkit-scrollbar-thumb {
  background: #888;
}
.contenedor-submenu-pc::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.item-tratamiento-submenu:hover > .contenedor-submenu-pc{
    display: block !important;
}

.contenedor-tratamientos-menu{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.separador-submenu{
    position: absolute;
    width: 1px;
    height: 290px;
    background: black;
    right: 0px;
    top: 0px;
}

.btn-dorado {
    border-radius: 10px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}
.ul_menu_arriba {
    list-style-type: none;
}
/*.height_menu {
    height: 65px;
}*/

.texto_a_menu a {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    font-family: Montserrat_Medium;
}
.texto_a_menu_arriba a {
    font-size: 13px !important;
}
.texto_a_menu a:hover {
    color: #F6D29A !important;
}
.div_contenedor_input {
    width: 400px;
}
.texto_input_buscar {
    font-family: Montserrat_Medium;
}
.texto_input_buscar::placeholder {
    color: white;
}
.imagen_buscar_menu {
    width: 35px;
    vertical-align: middle;
    position: absolute;
}
.div_barra_buscar {
    position: relative;
    z-index: 10;
}
.div_contenedor_imagen_logo {
    /*left: 16%;*/
    width: max-content;
    z-index: 9;
    /*transform: translate(0, -50%);
    top: 25%;*/
}
.imagen_menu {
    position: relative;
    height: 65px !important;
    max-width: none !important;
}
.movimiento_menu {
    position: relative;
    /*left: 85px;*/
    /*padding-left: 170px;*/
}
.div_barra_buscar {
    position: relative;
    z-index: 10;
}
.imagen_iconos_menu_buscar {
    right: 1px;
    /*background: black;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
    cursor: pointer;
}
.imagen_iconos_menu {
    width: 29px;
    object-fit: scale-down;
    position: absolute;
}
.imagen_iconos_menu_user_carrito {
    height: 36px;
    object-fit: scale-down;
    position: relative;
}
.li_productos:hover>.desplegable_prodcutos {
    display: flex;
}
.desplegable_prodcutos {
    transform: translate(-50%, 0);
    top: 56px;
    left: 50% !important;
}
.desplegable_prodcutos.show {
    display: flex;
}
.imagen_redes_menu img {
    width: 20px;
    object-fit: scale-down;
}
.imagen_redes_menu_arriba img {
    width: 40px;
    object-fit: scale-down;
}
#icon_menu .navbar-toggler-icon {
    background-image: url(image/icono-menu.png);
    width: 45px !important;
    height: 37px !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#boton_menu_responsive {
    outline: none;
    border: none;
    box-shadow: none;
}
.menuItemContent {
    position: absolute;
    z-index: 999;
    width: 100%;
    top: 55px;
}
.boton_cerrar_menu .navbar-toggler-icon {
    background-image: none !important;
}
/* FIN MENU 1*/

/* BANNER 2*/

.contenedor_banner {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 20px;
}
.contenedor_banner_grande {
    min-width: 100%;
}
.imagenes_banner {
    object-fit: cover;
    height: 100% !important;
}
.contenedor_banner_pequeño {
    display: grid;
    gap: 20px;
}
.banner_pequeño {
    min-width: 100%;
}
.carrusel-banner-2 .owl-stage-outer, .carrusel-banner-2 .owl-item, .carrusel-banner-2 .owl-stage {
    height: 100%;
}
.flechas-banner-2 .owl-next {
    background-image: url("image/flecha_der.jpg");
    zoom: 1;
}
.flechas-banner-2 .owl-prev {
    background-image: url("image/flecha_izq.jpg");
    zoom: 1;
}
/* FIN BANNER 2*/

/* BANNER 1*/

.imagen-fondo-carusel {
    height: 530px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner_pc {
    width: 100%;
    object-fit: cover;
    height: 530px;
}
.banner_mobile {}
.fondo-con-opacidad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.contenedor-info-banner {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.texto-banner {
    font-size: 45px;
}
.parrafo-banner {
    line-height: 32px;
}
.elipse_tratamiento {
    width: 366px;
    object-fit: scale-down;
}
.boton-1-elipse {
    position: absolute;
    right: 45px;
    top: 15px;
}
.boton-2-elipse {
    position: absolute;
    bottom: 25px;
    left: 85px;
}
.carousel-control-prev {
    right: 0 !important;
    left: initial;
    margin-bottom: 45px;
}
.carousel-control-next {
    top: 31px;
}
.carousel-control-prev, .carousel-control-next {
    align-items: flex-end;
    padding: 100px 0px;
    width: 12%;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    border: 1px solid white;
    border-radius: 50%;
    padding: 17px;
}
/* FIN BANNER 1*/

/* header */

/* fin header */

/* footer */
#seccion_footer{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#footer{
    background-color: #525252 !important;
}

#footer_dardo {
    padding: 10px 5px;
    font-size: 1.3em;
    margin: 0 auto;
    text-align: center;
	font-size: 14px !important;
}
.contenedor_redes_footer{
    width: max-content;
}
.enlace_dardo {
    color: black !important;
    font-weight: bold;
}
.enlace_dardo:hover {
    color: #009688 !important;
    text-decoration: none;
}
footer {
    position: relative;
    background-color: #1A1A1A;
}
.icon_to_top{
	width: 30px;
    object-fit: scale-down;
}

.scrollToTop {
    position: fixed;
    bottom: -30%;
    right: 9%;
    z-index: 9;
    transition: 300ms ease all;
}

.scrollToTop :hover {
    transform: translateY(-5px)

}
/*ini contacto*/

.img_loading {
    width: 120px;
    height: 120px;
    position: relative;
    display: none;
    margin: 0 auto;
}
#contactoModal .modal-header {
    color: white;
}
#contactoModal .modal-header .close {
    color: white;
    background: transparent;
    zoom: 2;
    display: flex;
    height: 10px;
    align-items: center;
}
.error .modal-header {
    background-color: #dc3545;
}
.correcto .modal-header {
    background-color: #F6D29A;
}
.alert .modal-header {
    background-color: #ffc107;
}
.contenedor-items-contacto{
	border-radius: 16px;
    border: 1px solid #D9D9D9;
	word-break: break-word;
}
.icon-info-contacto{
	height: 27px;
    object-fit: scale-down;
}
.campos-form{
	border-radius: 10px;
    background: #F5F5F5;
    color: #949595;
    font-size: 14px;
}
.mapa iframe{
	width: 100%;
	height: 450px;
}
/*fin contacto*/

.imagen_insta_footer {
    width: 55px !important;
    object-fit: scale-down;
}
.imagen_logo_footer {}
#form_contacto input::placeholder {
    color: black;
    font-family: Montserrat_Bold;
}
.texto_aceptar_terminos {
    font-size: 10px;
}

.imagen-foto-footer{
	width: 135px;
    object-fit: scale-down;
}
.imagen-firma-footer{
	width: 100%;
    object-fit: scale-down;
}
.icon-footer{
	object-fit: scale-down;
    height: 16px;
}
.contenedor-texto-info-footer a{
	word-break: break-all;
}
/* fin footer */

/* BANNER */

/* FIN BANNER*/

/* INDEX */

.owl-botones-carrusel .owl-prev {
    float: left;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    color: transparent;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 0px;
}
.owl-botones-carrusel .owl-next {
    float: right;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    color: transparent;
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    right: 0px;
}
.botones-general .owl-next {
    background-image: url("image/flecha_der.jpg");
    zoom: 1;
}
.botones-general .owl-prev {
    background-image: url("image/flecha_izq.jpg");
    zoom: 1;
}
.owl-botones-carrusel .owl-next:focus {
    outline: none
}
.owl-botones-carrusel .owl-prev:focus {
    outline: none
}
.owl-stage-outer {
    padding: 0px;
}
/* PRODUCTOS */

.btn-compra {
    outline: none;
    border: none;
    padding: 4px 20px;
    color: white;
    font-weight: bold;
}
.card-img-product {
    width: 100%;
    /*height: 285px;*/
}
.card-img-product img {
    /*width: 100%;*/
    height: 400px;
    object-fit: cover;
    border-radius: 15px;
}
.imagen_ver_filtros {
    object-fit: scale-down;
    height: 40px !important;
    cursor: pointer;
}
.p_cerrar_toggle {
    cursor: pointer;
}
#contenedor_filtros {
    display: block;
}
.contenedor_filtros_productos {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}
.contenedor_filtros_productos_2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.div_contenedor_filtros {
    display: grid;
    grid-template-columns: 1fr auto;
}
.div_contenedor_productos {
    display: grid;
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));*/
    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
    gap: 20px;
}
#productos_inicio .div_contenedor_productos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 20px;
}
.search_productos .div_contenedor_productos {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)) !important;
}
#productos .card:hover {
    /* box-shadow: 0 0 1px 1px rgb(0 0 0 / 7%), 0 10px 15px 0 rgb(0 0 0 / 10%); */
}
.card-title {
    height: 50px;
    font-size: 17px !important;
    font-weight: bold;
}
.card-price {
    font-weight: bold;
}
.carruseles_productos .item_producto {
    /*height: 500px;*/
    padding: 10px 0px;
    border-radius: 16px !important;
}
.div_contenedor_productos .item_producto {
    /*height: 400px;*/
    padding: 10px 0px;
	border-radius: 16px;
}
.p_de_filtros {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    padding: 0.375rem 2.25rem;
    font-size: 1rem;
}
.div_mostar_mas {
    width: 100%;
    display: grid;
    grid-row: none;
}
.boton_ver_mas_prodcutos {
    cursor: pointer;
    background-color: #3AAFFF;
    border-radius: 10px;
    box-shadow: 0 0 1px 1px rgb(0 0 0 / 7%), 0 10px 15px 0 rgb(0 0 0 / 10%);
}
.texto_ver_mas_prodcutos {
    cursor: pointer;
    font-weight: bold;
}
#productos_tienda .div_contenedor_productos {
    display: block;
    grid-template-columns: auto;
    gap: initial;
}
.div_contenedor_pill {
    height: 24.5px;
}
.filtros_responsive {
    width: max-content;
}
#productos .card-body{
	border-radius: 16px;
}
.image-producto-destacado{
    /* width: 100%; */
    height: 170px;
    object-fit: scale-down;
}
.contenedor-producto-destacado{
    border-radius: 16px;
}
.contenedor-productos-destacados{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.contenedor-texto-producto-destacado{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;
}
.contenedor-metodos-pago{
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    gap: 30px;
}
.imagem-metodo{
	width: 100%;
    height: 50px;
    object-fit: scale-down;
}
/* FIN PRODUCTOS */

/* DETALLE PRODUCTOS */
.ewpg-display{
    border-radius: 10px;
    border: 1px solid #D9D9D9;
}
.texto_guia_tallas {
    text-decoration: underline;
    cursor: pointer;
}
#descripcion .nav-tabs .nav-link, .nav-tabs .nav-item .nav-link {
    background-color: transparent;
}
/* DETALLE FIN PRODUCTOS */

/* MARCAS*/

.imagen_logos_clientes {
    height: 150px;
    object-fit: scale-down;
}
.imagen_logos_patrocinadores {
    height: 150px;
    object-fit: scale-down;
}
/* FIN MARCAS*/

/* VIDEOS */

.banner_video {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
}
#section_videos_aprende .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#fe7900 50%, #fe7900 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}
#section_videos_aprende .play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
#section_videos_aprende .play-btn::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgb(237 241 245 / 70%);
    top: -15%;
    left: -15%;
    background: #fe7900;
}
#section_videos_aprende .play-btn:hover::after {
    border-left: 15px solid #fe7900;
    transform: scale(20);
}
#section_videos_aprende .play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}
@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
/* FIN VIDEOS */

/* ITEMS TRATAMIENTOS */

.contenedor-items-tratamientos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.item-tratamiento {
    cursor: pointer;
    padding: 24px 16px;
    border-radius: 16px;
    box-shadow: 0px 4px 8.9px 0px rgba(0, 0, 0, 0.05);
}
.imagen-item-tratamiento {
    height: 40px;
    object-fit: scale-down;
}
/* FIN ITEMS TRATAMIENTOS */

/*TRATAMIENTOS ESTETICOS*/

.contenedor-tratamientos-esteticos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    margin: 0px 10px;
}
.item-tratamiento-estetico {
    border-radius: 16px;
}
.titulos-grande {
    font-size: 45px;
}
.imagen-tratamiento-estetico {
    width: 100%;
    height: 400px;
    border-radius: 16px;
    object-fit: cover;
}
.texto-tratamiento-estetico {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.fondo-con-opacidad-tratamientos {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 16px;
}
.carusel-tratamientos-esteticos>.owl-dots .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #F6D29A !important;
}
.carusel-tratamientos-esteticos>.owl-dots .owl-dot span {
    border-color: #F6D29A !important;
}
/*FIN TRATAMIENTOS ESTETICOS*/

/*ESPECIALISTA*/

.imagen-especialista {
    height: 100%;
    object-fit: scale-down;
}
.contenedor-items-tratamientos-especialista {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 10px;
}
.imagen-firma {
    height: 25px;
    object-fit: scale-down;
}
.foto-especialista {
    eight: 80px;
    object-fit: scale-down;
}
.imagen-fondo-especialista {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    object-fit: scale-down;
}
.contenedor-info-especialista{
    z-index: 1;
}
/* FIN ESPECIALISTA*/

/* VIDEO */
.contenedor-video video{
    width: 100%;
    /* height: 600px; */
}
video::-webkit-media-controls {
  display: none !important;
}
/* FIN VIDEO */

/* TRATAMIENTOS FACIALES */

/* #antes-despues .slider-before-after .drag-line-before-after::before, 
#antes-despues .slider-before-after .drag-line-before-after::after{
    height: 270px;
} */

#antes-despues .twentytwenty-container img{
    max-height: 600px;
}

#antes-despues .twentytwenty-horizontal .twentytwenty-after-label:before{
    background-color: #000;
    top: 90%;
}
#antes-despues .twentytwenty-horizontal .twentytwenty-before-label:before {
    background-color: #F6D29A;
    color: #000;
    top: 90%;
}
#antes-despues .twentytwenty-before-label, #antes-despues .twentytwenty-after-label{
    opacity: 1 !important;
}

.wrap-antes-despues{
    border-radius: 16px;
}

/* #antes-despues .slick-arrow{
    background-color: #00a9e1;
    color: #fff;
}

#antes-despues .prev.slick-arrow{
    left: -4rem;
}

#antes-despues .next.slick-arrow{
    right: -4rem;
} */
.secicon-tratamientos-faciales{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.imagen-items-tratamientos-faciales{
    width: 133px !important;
    height: 88px;
    object-fit: cover;
    border-radius: 16px;
}
.carusel-tratamientos-faciales>.owl-dots .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #F6D29A !important;
}
.carusel-tratamientos-faciales>.owl-dots .owl-dot span {
    border-color: #F6D29A !important;
}
/* FIN TRATAMIENTOS FACIALES */

/* VIDEOS TESTIMONIOS */
.contenedor-items-testimonios{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 97px;
}
.fondo-imagen-videos{
    width: 100%;
    height: 403px;
    border-radius: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#525252a8 50%, #525252b8 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}
.play-btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.play-btn::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate-btn 2s;
    animation: pulsate-btn 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 5px solid rgb(237 241 245 / 70%);
    top: -15%;
    left: -15%;
    background: #525252b8;
}
.play-btn:hover::after {
    border-left: 15px solid #525252b8;
    transform: scale(20);
}
.play-btn:hover::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-40%) translateY(-50%);
    width: 0;
    height: 0;
    border: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    z-index: 200;
    -webkit-animation: none;
    animation: none;
    border-radius: 0;
}
@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
/* FIN VIDEOS TESTIMONIOS */

/* FIN INDEX*/

/* HOLLYWOOD */
.imagenes_banner_otros{}
.imagenes_banner_otros_mobile{
    height: 500px;
    object-fit: cover;
}
.texto-banner-otros{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.contenedor-items-antes-despues{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 17px;
}
.seccion-antes-despues{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spinner 0.8s linear infinite;
    margin: 20px auto;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}
.fondo-con-opacidad-hollywood {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 16px;
    z-index: 1;
}
.imagen-pqrs{
    width: 100%;
    object-fit: cover;
}
.accordion-button:focus{
    border-color: #000;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #000;
}
.accordion-button{
    border-radius: 16px !important;
}
.accordion-item .accordion-button.collapsed {
    border-radius: 16px !important;
    border: 1px solid black;
    font-weight: bold;
}
.accordion-item{
    border:none;
}
.accordion-item .accordion-button{
    border: 1px solid black;
    font-weight: bold;
}
.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23ffffff"%3e%3cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');
}
.seccion-beneficios{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.imagen-beneficios{
    width: 100%;
    object-fit: scale-down;
}
.icon-beneficios{
    height: 35px;
    object-fit: scale-down;
}
.imagen-procedimiento{
    width: 100%;
    object-fit: scale-down;
}
audio {
    width: 100%;
}
.carusel-tratamientos-esteticos-similares>.owl-dots .owl-dot.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #F6D29A !important;
}
.carusel-tratamientos-esteticos-similares>.owl-dots .owl-dot span {
    border-color: #F6D29A !important;
}
/* FIN HOLLYWOOD */


/* CATEGORIAS */

.botones-categorias .owl-next {
    background-image: url("image/flecha_der.png");
    zoom: 1;
}
.botones-categorias .owl-prev {
    background-image: url("image/flecha_izq.png");
    zoom: 1;
}
#categorias .owl-carousel .owl-item {
    left: 0px;
}
.item_carrusel_categorias {
    cursor: pointer;
    /*height: 202px;*/
}
.imagen_categoria {
    height: 100%;
    object-fit: scale-down;
}
.item_carrusel_categorias:hover>h3 {
    color: #ff7a00 !important;
}
.item_carrusel_categorias .imagen_hover_2 {
    display: none !important;
}
.item_carrusel_categorias:hover>.imagen_hover_1 {
    display: none !important;
}
.item_carrusel_categorias:hover>.imagen_hover_2 {
    display: block !important;
}
/* FIN CATEGORIAS */

/*SUSCRIBIRSE*/

/*FIN SUSCRIBIRSE*/

/* BLOG */

.contenedor-noticias{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 30px;
}

.contenedor-noticia-left {
    background-color: #f0f0f0;
}

.contenedor-noticia-right {
    display: grid;
    grid-template-rows: repeat(2, auto);
    gap: 30px;
}

.imagen-items-noticia-right{
    height: 100%;
    width: 266px;
    object-fit: cover; 
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
}

.imagen-items-noticia-left{
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.item-noticia-right{
    border-radius: 16px;
}

.item-noticia-left{
    border-radius: 16px;
}

.contenedor_noticias {
    display: grid;
    /*grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));*/
    grid-template-columns: 1fr;
    gap: 20px;
}
.div_contenedor_noticia {
    /*height: 396px;*/
}
.div_contenedor_noticia .card-img {
    width: 350px;
}
.carrusel-noticias-destacadas .div_contenedor_noticia .card-img {
    width: 100%;
}
.div_contenedor_noticia .card-img img {
    height: 182px;
    object-fit: cover;
}
.div_contenedor_noticia .card-title {
    /*display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 15px !important;
    font-weight: bold;*/
    height: auto;
}
.carrusel-noticias-destacadas .div_contenedor_noticia .card-title {
    height: 50px;
}
.texto_descripcion_noticia {
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
}
.a_contenedor_boton_noticia {
    text-align: right;
}
.boton_noticia {
    outline: none;
    border: none;
    width: max-content;
}
.contenerdor_noticias_publicidad {
    display: grid;
    grid-template-columns: auto;
    gap: 20px;
}
#formularioBusquedaNoticia input::placeholder {
    color: #CCCCCC;
}
.contenedor_items_noticias {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
.imagen-noticia-blog{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 368px;
}
.contenedor-noticia-blog{
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.05);
}
.contenedor-ultimas-noticias{
    border-radius: 16px;
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.05);
    height: max-content;
}
.imagene-noticas-destacada{
    border-radius: 16px;
    width: 109px;
    height: 74px;
    object-fit: scale-down;
}
.texto-leer-mas-destacada{
    font-size: 14px;
}
.texto-descripcion-noticia{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.imagen-noticia-info{
    object-fit: scale-down;
}
.icon-wpp-btn{
    height: 22px;
    object-fit: scale-down;
}
.fondo-opaco-noticia{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.imagenes_banner_otros_noticia{
	height: 300px;
    object-fit: cover;
}
.imagenes_banner_otros_mobile_noticia{
	height: 250px;
}
.imagen-compartir-red{
	height: 35px;
    object-fit: scale-down;
}
/* FIN BLOG*/

/* NOSOTROS */
.imagen-mision-vision{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.imagen-nuevos-productos{
    width: 100%;
    height: 300px;
    object-fit: scale-down;
}
.seccion-nuestros-productos{
    height: auto;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.contenedor-metodos-pago-nosotros{
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
    gap: 15px;
}
.imagem-metodo-nosotros{
	height: 15px;
    object-fit: scale-down;
}
.contenedor-items-equipo{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.foto-equipo{
    width: 100%;
    object-fit: scale-down;
}
.texto-info-equipo{
    font-size: 15px;
}
/* FIN NOSOTROS */

/* RESPONSIVE */

@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {
    .contenedor-items-testimonios {
        gap: 25px;
    }
    .contenedor-items-tratamientos {
        grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    }
    .contenedor-tratamientos-esteticos {
        grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    }
    .navbar-collapse {
        background-color: #1A1A1A !important;
    }
    #nav_menu .navbar-collapse {
        position: absolute !important;
        left: 0px;
        width: 100%;
        top: 0px;
        z-index: 99999999;
    }
    .movimiento_menu {
        left: initial;
        padding-left: initial;
    }
    .div_contenedor_imagen_logo {
        left: 0px;
        width: max-content;
        top: 0px;
        z-index: 10;
    }
    .imagen_menu {
        height: 60px !important;
    }
    .imagen_iconos_menu_buscar {
        right: 0px;
    }
    /*#contenedor_filtros {
        display: none;
    }
*/
    .texto_input_buscar::placeholder {
        color: black;
    }
    .imagen-noticia-info {
        width: 100%;
        height: 250px;
        object-fit: cover;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
}

@media (max-width: 991.98px) {
    .contenedor-items-antes-despues{
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
    .contenedor-noticias {
        grid-template-columns: 1fr;
    }
    .contenedor-items-testimonios {
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
    #antes-despues .twentytwenty-container img{
        /* max-height: 500px; */
		height: auto !important;
    }
    #antes-despues .twentytwenty-overlay, #antes-despues .wrap-antes-despues{
        /* width: 500px; */
    }
    .imagen-fondo-especialista {
        top: inherit;
        height: 650px;
        bottom: 0px;
    }
    .contenedor-tratamientos-esteticos {
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
    .imagen-fondo-carusel {
        height: auto;
    }
    .contenedor-info-banner {
        position: relative !important;
        transform: initial;
        left: inherit;
        top: inherit;
        padding: 40px 0px;
    }
    .contenedor_filtros_productos {
        grid-template-columns: 1fr;
    }
    .contenedor_filtros_productos_2 {
        grid-template-columns: 1fr;
    }
    .div_contenedor_filtros {
        grid-template-columns: 1fr;
    }
    .contenedor_filtros {
        border: 0px;
        /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
        border-radius: 0px;
    }
    .contenedor_items_resultados {
        grid-template-columns: auto;
    }
    .contenedor_grid_posiciones {
        grid-template-columns: auto;
    }
    .imagen_banner_tabla {
        height: auto;
    }
    .contenerdor_noticias_publicidad {
        grid-template-columns: auto;
    }
    .item_mision_vision {
        bottom: 0px;
    }
    .tabla_posiciones {
        max-height: initial;
        overflow-y: hidden;
    }
    .contenedor-items-equipo{
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
}
@media (max-width: 767.98px) {
    .contenedor_redes_footer{
        width: 100%;
    }
    #productos_inicio .div_contenedor_productos{
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    }
    .imagen-items-noticia-right{
        width: 100%;
        height: auto;
        border-top-right-radius: 16px;
        border-bottom-left-radius: initial;
    }
    .contenedor-items-testimonios {
        grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    }
    .imagen-items-tratamientos-faciales {
        width: 100% !important;
    }
    .st-before-after-wrap{
        width: 100%;
    }
	#antes-despues{
        width: 100% !important;
    }
    .contenedor_banner {
        grid-template-columns: 1fr;
    }
    /*.div_contenedor_productos {
        grid-template-columns: repeat(2, 1fr);
    }*/
    .div_contenedor_noticia .card-img {
        width: 100%;
    }
    .div_contenedor_noticia .card-img img {
        object-fit: scale-down;
    }
    .contenedor_logo_texto_club {
        width: 100%;
    }
    .imagen_presentacion {}
    .contenedor-productos-destacados {
        grid-template-columns: auto;
    }
    .contenedor-items-equipo{
        grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
    }
}
@media (max-width: 575.98px) {
    .contenedor-items-antes-despues{
        grid-template-columns: auto;
    }
    .titulos-grande {
        font-size: 30px;
    }
    .contenedor-tratamientos-esteticos {
        grid-template-columns: repeat(2, 1fr);
    }
    .contenedor-items-tratamientos {
        grid-template-columns: auto;
    }
    .elipse_tratamiento {
        width: 100%;
    }
    .boton-1-elipse {
        right: 0px;
    }
    .boton-2-elipse {
        left: 0px;
    }
    .carousel-control-prev, .carousel-control-next {
        padding: 25px 0px;
        width: 15%;
    }
    .texto-banner {
        font-size: 30px;
    }
    .div_contenedor_noticia .card-img img {
        width: 100%;
    }
    .w-contents {
        width: fit-content;
    }
    .imagen_insta_footer {
        width: 35px !important;
    }
    .contenedor_mision_vision {
        grid-template-columns: auto;
    }
	.div_contenedor_productos .item_producto{
		height: auto;
	}
	.contenedor-metodos-pago {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}
}
@media (max-width: 400.98px) {
    .w-contents {
        width: 100%;
    }
    .imagen-especialista {
        width: 100%;
    }
}
#etiqueta-seo::first-letter {
    text-transform: uppercase;
}

#contenedor-productos{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
    #banner-productos img{
        height: 400px;
        object-fit: cover;
    }
}

.contenedor_links_footer{
    color: white;
    font-size: 12px;
}