.elementor-752 .elementor-element.elementor-element-ef80f44{--display:flex;--overlay-opacity:0.77;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-752 .elementor-element.elementor-element-ef80f44::before, .elementor-752 .elementor-element.elementor-element-ef80f44 > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-ef80f44 > .e-con-inner > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-ef80f44 > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-ef80f44 > .e-con-inner > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-ef80f44 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #C4C1C2 100%);}.elementor-752 .elementor-element.elementor-element-ef80f44::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-752 .elementor-element.elementor-element-a0b3d5b{--display:flex;}.elementor-752 .elementor-element.elementor-element-c994a16{text-align:center;}.elementor-752 .elementor-element.elementor-element-c994a16 .elementor-heading-title{color:var( --e-global-color-blocksy_palette_1 );}.elementor-752 .elementor-element.elementor-element-d48224b{text-align:center;}.elementor-752 .elementor-element.elementor-element-d48224b .elementor-heading-title{font-size:60px;}.elementor-752 .elementor-element.elementor-element-e353e4c{text-align:center;}.elementor-752 .elementor-element.elementor-element-e353e4c .elementor-heading-title{font-size:60px;font-style:italic;color:var( --e-global-color-blocksy_palette_1 );}.elementor-752 .elementor-element.elementor-element-f1883f2{--display:flex;}.elementor-752 .elementor-element.elementor-element-c53fc7d{width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;text-align:center;}.elementor-752 .elementor-element.elementor-element-c53fc7d.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-6bb58b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-752 .elementor-element.elementor-element-8c13d33{--display:flex;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-8c13d33::before, .elementor-752 .elementor-element.elementor-element-8c13d33 > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-8c13d33 > .e-con-inner > .elementor-background-video-container::before, .elementor-752 .elementor-element.elementor-element-8c13d33 > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-8c13d33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-752 .elementor-element.elementor-element-8c13d33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-752 .elementor-element.elementor-element-102185d{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-6f92a43{--display:flex;--justify-content:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-7e8cca2{--display:flex;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-c14b5aa.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-c14b5aa .elementor-heading-title{font-size:50px;text-transform:capitalize;}.elementor-752 .elementor-element.elementor-element-0271a8e{--e-image-carousel-slides-to-show:3;}.elementor-752 .elementor-element.elementor-element-292da0a{--display:flex;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-77d7321{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;text-align:start;}.elementor-752 .elementor-element.elementor-element-77d7321.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-77d7321 .elementor-heading-title{font-size:50px;text-transform:capitalize;}.elementor-752 .elementor-element.elementor-element-3b00e5a{--display:flex;}.elementor-752 .elementor-element.elementor-element-ebee892{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-752 .elementor-element.elementor-element-ebee892.elementor-element{--align-self:center;}.elementor-752 .elementor-element.elementor-element-ebee892 .elementor-heading-title{font-size:50px;text-transform:capitalize;}@media(max-width:767px){.elementor-752 .elementor-element.elementor-element-ef80f44{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-752 .elementor-element.elementor-element-d48224b .elementor-heading-title{font-size:32px;}.elementor-752 .elementor-element.elementor-element-e353e4c .elementor-heading-title{font-size:32px;}.elementor-752 .elementor-element.elementor-element-c53fc7d{--container-widget-width:451px;--container-widget-flex-grow:0;width:var( --container-widget-width, 451px );max-width:451px;font-size:13px;}.elementor-752 .elementor-element.elementor-element-c14b5aa{text-align:center;}.elementor-752 .elementor-element.elementor-element-c14b5aa .elementor-heading-title{font-size:34px;}.elementor-752 .elementor-element.elementor-element-0271a8e{--e-image-carousel-slides-to-show:1;}.elementor-752 .elementor-element.elementor-element-77d7321{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-752 .elementor-element.elementor-element-77d7321 .elementor-heading-title{font-size:34px;}.elementor-752 .elementor-element.elementor-element-ebee892{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-752 .elementor-element.elementor-element-ebee892 .elementor-heading-title{font-size:34px;}}/* Start custom CSS for button, class: .elementor-element-93e0b4a *//* BOTON AGENDAR */

.btn-inicio-agendar a,
.btn-inicio-agendar button,
a.btn-inicio-agendar {

background: linear-gradient(135deg, #7ea77d, #4f7d5c);
color: white !important;
padding: 14px 32px;
border-radius: 12px;
font-weight: 600;
letter-spacing: 0.5px;
transition: all 0.35s ease;
box-shadow: 0 6px 18px rgba(0,0,0,0.15);
border: none;
}

/* Hover */

.btn-inicio-agendar a:hover,
.btn-inicio-agendar button:hover,
a.btn-inicio-agendar:hover {

transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,0.25);
background: linear-gradient(135deg, #8fbe8f, #5f9c75);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-06ec4b8 *//* BOTON VER SERVICIOS */

.btn-inicio-servicios a,
.btn-inicio-servicios button,
a.btn-inicio-servicios {

background: transparent;
color: #4f7d5c !important;
padding: 14px 32px;
border-radius: 12px;
font-weight: 600;
letter-spacing: 0.5px;
transition: all 0.35s ease;
border: 2px solid #4f7d5c;
}

/* Hover */

.btn-inicio-servicios a:hover,
.btn-inicio-servicios button:hover,
a.btn-inicio-servicios:hover {

background: #4f7d5c;
color: white !important;
transform: translateY(-3px);
box-shadow: 0 10px 24px rgba(0,0,0,0.2);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef80f44 */.inicio-header{

background: linear-gradient(
rgba(255,255,255,0.65),
rgba(255,255,255,0.65)
),
url("https://officebm.cl/wp-content/uploads/2026/03/silla_barber-scaled.jpg");

background-size: cover;
background-position: center;
background-repeat: no-repeat;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ddeda80 *//* CONTENEDOR */

.barberos-section{
    max-width:1100px;
    margin:auto;
    padding:80px 0;
}

/* HEADER */

.barberos-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:60px;
}

.barberos-titulo{
    font-size:50px;
    margin:0;
}

/* BOTON */

.barberos-btn{
    background:#2e8b57;
    color:white;
    padding:12px 22px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}

.barberos-btn:hover{
    background:#246e45;
    color:white;
}

/* GRID */

.barberos-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

/* BARBERO */

.barbero{
    position:relative;
}

/* IMAGEN */

.barbero-img{
    border-radius:16px;
    overflow:hidden;
}

.barbero-img img{
    width:100%;
    height:420px;
    object-fit:cover;
    transition:transform .4s;
}

.barbero:hover img{
    transform:scale(1.05);
}

/* TARJETA */

.barbero-card{
    position:relative;
    margin:-60px 30px 0 30px;
    background:white;
    padding:25px;
    border-radius:14px;
    box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.barbero-card h3{
    margin:0 0 10px 0;
    font-size:22px;
}

.barbero-card p{
    margin:0;
    color:#555;
    line-height:1.6;
}

/* ========================= */
/* RESPONSIVE */
/* ========================= */

/* TABLET */

@media (max-width:900px){

.barberos-grid{
    grid-template-columns:1fr;
    gap:60px;
}

.barbero-img img{
    height:380px;
}

.barbero-card{
    margin:-50px 20px 0 20px;
}

}


/* MOBILE */

@media (max-width:600px){

.barberos-section{
    padding:60px 20px;
}

/* header vertical */

.barberos-header{
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    margin-bottom:40px;
}

/* titulo */

.barberos-titulo{
    font-size:36px;
}

/* boton */

.barberos-btn{
    padding:10px 18px;
    font-size:14px;
}

/* imagen */

.barbero-img img{
    height:320px;
}

/* tarjeta */

.barbero-card{
    margin:-40px 15px 0 15px;
    padding:20px;
}

.barbero-card h3{
    font-size:20px;
}

.barbero-card p{
    font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a08da35 */.servicios-barberia-grid{
    max-width:1100px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:24px;
}

/* CARD */

.servicio-card{
    background:#ffffff;
    border-radius:14px;
    padding:26px;
    border:1px solid #e9e9e9;

    /* sombra base */
    box-shadow:0 8px 20px rgba(0,0,0,0.06);

    transition:all .25s ease;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* hover elegante */

.servicio-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 15px 35px rgba(0,0,0,0.12);
    border-color:#2e8b57;
}
/* TITULO */

.servicio-card h3{
    margin:0;
    font-size:18px;
    color:#111;
}

/* DURACION */

.servicio-card p{
    margin:0;
    color:#666;
    font-size:14px;
}

/* NOTA */

.servicio-nota{
    font-size:12px;
    color:#2e8b57;
}

/* PRECIO */

.servicio-precio{
    font-size:22px;
    font-weight:700;
    color:#2e8b57;
    margin-top:6px;
}

/* BOTON */

.servicio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  padding:10px 18px;
  font-size:14px;
  font-weight:500;
  color:#1f8a6a;
  text-decoration:none;
  border:1px solid #1f8a6a;
  border-radius:6px;
  background:transparent;
  transition:all .25s ease;
  width:auto;
}

.servicio-btn:hover{
  background:#1f8a6a;
  color:white;
}


/* contenedor */

.servicios-section{
    max-width:1100px;
    margin:auto;
}

/* header */

.servicios-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:35px;
}

/* titulo */

.servicios-titulo{
    font-size:50px;
    margin:0;
    font-weight:700;
    color:#111;
}

/* boton ver mas */

.servicios-vermas{
    text-decoration:none;
    background:#2e8b57;
    color:white;
    padding:10px 20px;
    border-radius:8px;
    font-weight:600;
    transition:all .2s ease;
}

.servicios-vermas:hover{
    background:#246e45;
}

/* responsive */

@media(max-width:600px){

.servicios-header{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
}

.servicios-titulo{
    font-size:36px;
}

}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-0271a8e *//* CONTENEDOR */

.carrusel-inicio .swiper{
    padding:40px 0 70px 0;
    overflow:visible;
}


/* SLIDES BASE (laterales) */

.carrusel-inicio .swiper-slide{
    transition:all .5s ease;
    transform:scale(.85);
    opacity:.35;
    filter:blur(2px);
}


/* SLIDE ACTIVO (izquierda) */

.carrusel-inicio .swiper-slide-active{
    transform:scale(.9);
    opacity:.6;
    filter:blur(1px);
}


/* SLIDE CENTRAL (el que queremos destacar) */

.carrusel-inicio .swiper-slide-active + .swiper-slide{
    transform:scale(1.05);
    opacity:1;
    filter:blur(0);
    z-index:10;
}


/* SLIDE SIGUIENTE AL CENTRAL */

.carrusel-inicio .swiper-slide-active + .swiper-slide + .swiper-slide{
    transform:scale(.9);
    opacity:.6;
    filter:blur(1px);
}


/* TARJETA */

.carrusel-inicio .swiper-slide-inner{
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,0.25);
}


/* IMAGEN */

.carrusel-inicio .swiper-slide-image{
    width:100%;
    height:460px;
    object-fit:cover;
    transition:transform .7s ease;
}


/* ZOOM SUAVE SOLO EN LA CENTRAL */

.carrusel-inicio .swiper-slide-active + .swiper-slide:hover .swiper-slide-image{
    transform:scale(1.1);
}



/* ICONO */

.carrusel-inicio .elementor-swiper-button svg{
    fill:#2e8b57;
}


/* HOVER FLECHAS */

.carrusel-inicio .elementor-swiper-button:hover svg{
    fill:white;
}


/* PAGINACION */

.carrusel-inicio .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#cfcfcf;
    opacity:1;
}

.carrusel-inicio .swiper-pagination-bullet-active{
    background:#2e8b57;
    transform:scale(1.6);
}

/* ========================= */
/* TABLET */
/* ========================= */

@media (max-width:900px){

.carrusel-inicio .swiper-slide{
    transform:scale(.9);
    opacity:.6;
    filter:blur(1px);
}

.carrusel-inicio .swiper-slide-active{
    transform:scale(.95);
    opacity:.8;
    filter:blur(.5px);
}

.carrusel-inicio .swiper-slide-active + .swiper-slide{
    transform:scale(1);
    opacity:1;
    filter:blur(0);
}

.carrusel-inicio .swiper-slide-image{
    height:380px;
}

}


/* ========================= */
/* MOBILE */
/* ========================= */
@media (max-width:600px){

/* cada slide ocupa toda la pantalla */

.carrusel-inicio .swiper-slide{
    width:100% !important;
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
}

/* quitar escalas del efecto desktop */

.carrusel-inicio .swiper-slide-active,
.carrusel-inicio .swiper-slide-active + .swiper-slide,
.carrusel-inicio .swiper-slide-active + .swiper-slide + .swiper-slide{
    transform:none !important;
    opacity:1 !important;
    filter:none !important;
}

/* imagen más adecuada para móvil */

.carrusel-inicio .swiper-slide-image{
    height:320px;
}

/* padding menor */

.carrusel-inicio .swiper{
    padding:20px 0 40px 0;
}

}
@media (max-width:600px){

.carrusel-inicio .swiper-slide{
    padding:0 12px;
}

.carrusel-inicio .swiper-slide-inner{
    border-radius:18px;
    overflow:hidden;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69af22d */.productos-destacados{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}

.producto-card{
position:relative;
overflow:hidden;
border-radius:10px;
text-decoration:none;
}

.producto-card img{
width:100%;
height:320px;
object-fit:cover;
transition:transform .4s ease;
}

.producto-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:25px;
background:linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
color:white;
}

.producto-overlay h3{
font-size:24px;
font-weight:700;
color:white;
letter-spacing:.5px;
}


.producto-overlay p{
margin:5px 0 0 0;
font-size:14px;
color:#e5e5e5;
}

.producto-card:hover img{
transform:scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c13d33 */.hero-fijo{
    position: relative;
    min-height: 100vh;
}

.hero-fijo::before{
    content:"";
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background:url("https://officebm.cl/wp-content/uploads/2026/03/ICONO_OBM-scaled.png") center/cover no-repeat;
    z-index:-1;
    transform: translateZ(0);
}/* End custom CSS */