.elementor-938 .elementor-element.elementor-element-7468889{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-938 .elementor-element.elementor-element-7468889:not(.elementor-motion-effects-element-type-background), .elementor-938 .elementor-element.elementor-element-7468889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://camilorojasvlogs.com/wp-content/uploads/2025/10/Fondo-Header.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-938 .elementor-element.elementor-element-bf6cf62{--spacer-size:20px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a{color:#000000;padding:0px 15px 0px 15px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger{float:right;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-938 .elementor-element.elementor-element-e8224da{--spacer-size:120px;}@media(max-width:1024px){.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-938 .elementor-element.elementor-element-79f9ce1 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}.elementor-938 .elementor-element.elementor-element-e8224da{--spacer-size:40px;}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-79f9ce1 *//***** Logo clicable usando el PRIMER ítem del menú *****/
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con{
  --crv-logo: url('https://camilorojasvlogs.com/wp-content/uploads/2025/09/Logo-Camilo.png');
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  background:#ffffff;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
  max-width:1200px;
  padding: 0px 0px 15px 0px;
  margin:0 auto;
  position:relative;
}

/* ❌ Quita el pseudo-logo anterior si lo tenías */
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con::before{ content:none !important; }

/* ✅ El PRIMER <li> será el LOGO (enlace a / que creaste en Menús) */
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav > li:first-child > a.ekit-menu-nav-link{
  display:block;
  width:150px;                 /* ancho del logo */
  height:100px;                 /* alto del logo */
  background-image:var(--crv-logo);
  background-repeat:no-repeat;
  background-position:left center;
  background-size:contain;
  border-radius:6px;
  text-indent:-9999px;         /* oculta el texto "Inicio" */
  overflow:hidden;
  padding:0;                   /* sin padding para que no crezca */
}

/* Centrado del resto del menú */
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:0;
}

/* Separadores entre items (no afecta al primero) */
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav > li:not(:first-child)::before{
  content:"";
  display:inline-block;
  width:1px; height:18px;
  background:#E5E7EB;
  margin:0 20px 0 0;
}

/* Estilos de enlaces (resto) */
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .ekit-menu-nav-link{
  font-size:18px; line-height:1;
  color:#6b7280; padding:10px 16px;
  display:inline-flex; align-items:center;
  text-decoration:none; transition:color .2s ease;
}
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .ekit-menu-nav-link:hover{ color:#374151; }
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .current-menu-item > .ekit-menu-nav-link,
.elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .ekit-menu-nav-link[aria-current="page"]{
  color:#111827; font-weight:700;
}

/* ===== Móvil: píldora con hamburguesa + texto "Menú" ===== */
@media (max-width:1024px){

  /* Píldora blanca centrada */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con{
    background:#fff;
    border-radius:10px;
    box-shadow:0 6px 16px rgba(0,0,0,.12);
    padding:8px 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;                 /* buen tamaño de toque */
  }

  /* Oculta el primer item si lo usaste como logo */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav > li:first-child{
    display:none !important;
  }

  /* Oculta el UL de la barra (el menú abrirá offcanvas igual) */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav{
    position:absolute !important;
    left:-9999px;
  }

  /* Botón hamburguesa = trigger centrado */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-menu-hamburger{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:transparent;
    border:0;
    padding:0;
    box-shadow:none;
    width:auto;
    white-space:nowrap;
  }

  /* Si EKIT trae barras por defecto, las ocultamos para evitar duplicados */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{
    display:none !important;
  }

  /* Dibujamos la hamburguesa con CSS (3 barras) */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-menu-hamburger::before{
    content:"";
    display:inline-block;
    width:26px;
    height:2.5px;
    background:#cfcfcf;
    border-radius:2px;
    box-shadow:
      0 -7px 0 0 #cfcfcf,           /* barra superior */
      0  7px 0 0 #cfcfcf;           /* barra inferior */
  }

  /* Texto "Menú" al lado del icono */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-menu-hamburger::after{
    content:"Menú";
    font-size:20px;
    font-weight:700;
    color:#111;
    line-height:1;
    display:inline-block;
  }

  /* Sin separadores en móvil */
  .elementor-938 .elementor-element.elementor-element-79f9ce1 nav.ekit-wid-con .elementskit-navbar-nav > li::before{
    display:none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfd9cb7 *//* --- preajustes del header para que el avatar “cuelgue” --- */
.crv-header{
  position: relative;          /* ancla del absoluto */
  overflow: visible !important;/* que no lo corte */
  z-index: 1;
}

/* tamaños y caída del avatar */
:root{
  --crv-avatar-size: 260px;  /* círculo desktop */
  --crv-ring: 10px;           /* borde blanco */
  --crv-drop: -130px;         /* cuánto cuelga (negativo) */
   --crv-avatar-url: url('https://camilorojasvlogs.com/wp-content/uploads/2025/09/Captura-de-pantalla-2025-09-23-093956.png');
}

/* el holder se posiciona respecto a la sección .crv-header */
.crv-header .crv-avatar-holder{
  position: absolute;
  left: 50%;
  bottom: var(--crv-drop);
  transform: translateX(-50%);
  pointer-events: none;        /* no bloquea el menú al pasar encima */
}

/* el círculo */
.crv-header .crv-avatar{
  width: var(--crv-avatar-size);
  height: var(--crv-avatar-size);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  border: var(--crv-ring) solid #fff;
  box-shadow: 0 12px 36px rgba(0,0,0,.25);
  margin: 0 auto;
  pointer-events: auto;        /* clicable si lo pones dentro de un <a> */
}

.crv-header .crv-avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* responsive */
@media (max-width:1024px){
  :root{ --crv-avatar-size:150px; --crv-ring:6px; --crv-drop:-78px; }
}
@media (max-width:767px){
  :root{ --crv-avatar-size:130px; --crv-ring:6px; --crv-drop:-68px; }
}/* End custom CSS */