.elementor-18 .elementor-element.elementor-element-fe83d24{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-4e13350 );--border-color:var( --e-global-color-4e13350 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:20;}.elementor-18 .elementor-element.elementor-element-fe83d24:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-fe83d24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F0E7;}.elementor-18 .elementor-element.elementor-element-5728454{--display:flex;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-5728454.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-6e09aa9{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;padding:0px 0px 0px 0px;text-align:center;}.elementor-18 .elementor-element.elementor-element-6e09aa9 img{width:82%;}.elementor-18 .elementor-element.elementor-element-eeceaba{--display:flex;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-eeceaba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-021311d{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-ffe6a8a{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;--z-index:20;}.elementor-18 .elementor-element.elementor-element-ffe6a8a:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-ffe6a8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F0E7;}.elementor-18 .elementor-element.elementor-element-dd57be8{--display:flex;--justify-content:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-dd57be8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-90d4eca{margin:6px 6px calc(var(--kit-widget-spacing, 0px) + 6px) 6px;padding:0px 0px 0px 0px;text-align:start;}.elementor-18 .elementor-element.elementor-element-90d4eca img{width:100%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-5728454{--width:16.511%;}.elementor-18 .elementor-element.elementor-element-eeceaba{--width:68.349%;}.elementor-18 .elementor-element.elementor-element-dd57be8{--width:16.511%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-fe83d24{--width:500px;--min-height:0px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:space-evenly;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-6e09aa9{text-align:center;}.elementor-18 .elementor-element.elementor-element-6e09aa9 img{width:70%;}.elementor-18 .elementor-element.elementor-element-021311d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-18 .elementor-element.elementor-element-0dc4e0a.elementor-element{--align-self:center;}.elementor-18 .elementor-element.elementor-element-ffe6a8a{--width:500px;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:-3px 0px;--row-gap:-3px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-ffe6a8a.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-dd57be8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-18 .elementor-element.elementor-element-90d4eca{width:var( --container-widget-width, 176px );max-width:176px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:176px;--container-widget-flex-grow:0;text-align:start;}.elementor-18 .elementor-element.elementor-element-90d4eca.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-18 .elementor-element.elementor-element-90d4eca img{width:100%;}}/* Start custom CSS for html, class: .elementor-element-9fd1a0e *//* --- BASE --- */
.riera-navbar-central {
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1000;
}

.riera-menu {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}

.riera-menu > li > a, .parent-link {
  padding: 10px 25px;
  text-decoration: none;
  color: #1E1E1C;
  font-family: 'Cinzel', serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  cursor: pointer;
  transition: 0.3s;
}

.riera-menu > li > a:hover, .parent-link:hover { color: #F6A24E; }

/* --- DROPDOWN ESCRITORIO --- */
.has-dropdown { position: relative; }
.drop-toggle-input { display: none; }

.riera-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: #FFFFFF;
  width: 260px;
  padding: 15px 0;
  border-top: 3px solid #F6A24E;
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media (min-width: 993px) {
  .has-dropdown:hover .riera-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }
}

.sub-title { display: block; font-family: 'Cinzel', serif; font-weight: 700; color: #1E1E1C; font-size: 14px; }
.sub-desc { display: block; font-family: 'Montserrat', sans-serif; font-size: 11px; color: #777; text-transform: none; letter-spacing: 0; }

/* --- MÓVIL (CORRECCIONES) --- */
.menu-btn, .menu-icon { display: none; }

@media (max-width: 992px) {
  .riera-navbar-central {
    justify-content: center; /* Hamburguesa centrada */
  }

  .menu-icon {
    display: block;
    cursor: pointer;
    padding: 20px;
  }

  .navicon {
    background: #1E1E1C;
    display: block;
    height: 2px;
    position: relative;
    width: 25px;
    margin: 0 auto;
  }
  .navicon:before, .navicon:after { background: #1E1E1C; content: ''; display: block; height: 100%; position: absolute; width: 100%; }
  .navicon:before { top: 7px; }
  .navicon:after { top: -7px; }

  /* Menú desplegable móvil */
  .riera-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    flex-direction: column;
    padding: 10px 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  }

  .menu-btn:checked ~ .riera-menu { display: flex; }

  /* Ajuste Dropdown Móvil: Oculto por defecto */
  .riera-dropdown {
    display: none; /* Cambiamos a display none para control total */
    position: static;
    transform: none;
    width: 100%;
    box-shadow: none;
    background: #FAF9F6;
    opacity: 1;
    visibility: visible;
    padding: 10px 0;
  }

  /* Mostrar dropdown solo al activar el checkbox de productos */
  .drop-toggle-input:checked ~ .riera-dropdown {
    display: block;
  }

  .riera-menu > li { width: 100%; text-align: center; }
  .riera-menu > li > a, .parent-link { display: block; padding: 15px 0; }
}
/* --- AJUSTE DE MARGEN EN EL DROPDOWN --- */
.riera-dropdown li a {
  padding: 12px 35px; /* Aumentamos de 20px o 25px a 35px para dar más aire a la izquierda */
  display: block;
  text-decoration: none;
  transition: 0.2s;
}

/* Si quieres que al pasar el mouse (hover) el texto se mueva un poco más a la derecha */
.riera-dropdown li a:hover {
  background: #FAF9F6;
  padding-left: 40px; /* Desplazamiento suave al hacer hover */
}
/* --- CONFIGURACIÓN PARA COMPUTADORA --- */
.solo-movil {
  display: none !important; /* Oculto por defecto en escritorio */
}

/* ... (aquí iría el resto de tu CSS de escritorio que ya tenemos) ... */

/* --- CONFIGURACIÓN PARA MÓVIL (Menos de 992px) --- */
@media (max-width: 992px) {
  .solo-movil {
    display: block !important; /* Se activa solo en celulares */
  }

  /* Estilo opcional para que resalte en el menú móvil */
  .solo-movil a {
    color: #A64B2A !important; /* Color Terracota para diferenciarlo */
    font-weight: 800;
    border-top: 1px solid #eee;
    margin-top: 10px;
  }
  
  /* Asegúrate de que el botón físico de la calculadora (el que creamos antes) 
     tenga una clase o ID para ocultarlo también en el móvil si lo pusiste fuera del menú */
  .riera-cta-container {
    display: none; 
  }
}

/* Para que el botón de la calculadora de escritorio SÍ se vea en PC */
@media (min-width: 993px) {
  .riera-cta-container {
    display: flex;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0dc4e0a */.riera-cta-container {
  display: flex;
  justify-content: center;
  padding: 20px;
}

.btn-riera {
  position: relative;
  display: inline-block;
  padding: 12px 35px;
  background-color: #1E1E1C; /* Negro del manual */
  color: #FFFFFF !important;
  text-decoration: none;
  font-family: 'Cinzel', serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
  border: none;
  cursor: pointer;
}

/* El texto por encima de la animación */
.btn-text {
  position: relative;
  z-index: 2;
}

/* La línea decorativa o fondo que aparece en hover */
.btn-riera::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #F6A24E; /* El terracota del isotipo */
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Efecto Hover */
.btn-riera:hover::before {
  left: 0;
}

.btn-riera:hover {
  color: #FFFFFF;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  transform: translateY(-2px); /* Pequeña elevación */
}

/* Opcional: una línea fina debajo para reforzar el diseño */
.btn-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #FAF9F6; /* Crema del manual */
  transition: width 0.4s ease;
  z-index: 3;
}

.btn-riera:hover .btn-line {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d41fc20 */.nav-movil-riera {
    width: 100%;
    position: relative;
    z-index: 100000;
    font-family: 'Cinzel', serif;
}

.cel-contenedor-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* BOTÓN HAMBURGUESA - Color Negro Mate */
.cel-icono-boton {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    align-self: flex-end;
    margin-right: 0px;
    z-index: 100001;
}

.cel-linea {
    background: #1E1E1C; /* Negro Mate */
    display: block;
    height: 3px;
    position: relative;
    width: 35px;
    transition: all .2s ease-out;
}

.cel-linea:before, .cel-linea:after {
    background: #1E1E1C; /* Negro Mate */
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.cel-linea:before { top: 10px; }
.cel-linea:after { top: -10px; }

/* MENÚ DESPLEGABLE - Fondo Crema */
.cel-lista-links {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 75px;
    left: 5%;
    width: 90%;
    background: #FAF9F6; /* Crema Institucional */
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    border: 1px solid rgba(246, 162, 78, 0.1); /* Toque terracota muy sutil */
    overflow: hidden;
}

.cel-lista-links li {
    width: 100%;
    border-bottom: 1px solid rgba(168, 75, 42, 0.05);
}

.cel-lista-links li a, .cel-link-padre {
    display: block;
    padding: 22px 0;
    color: #1E1E1C; /* Texto Negro Mate */
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}

/* LINK PADRE - Color Terracota para indicar acción */
.cel-link-padre {
    color: #F6A24E !important;
    cursor: pointer;
}

/* SUBMENÚ - Fondo Crema más oscuro para contraste */
.cel-submenu {
    display: none;
    list-style: none;
    padding: 0;
    background: #F2F0EB; /* Crema con más sombra */
}

.cel-submenu li a {
    padding: 15px 0;
    font-size: 13px;
    color: #555; /* Texto más suave para subcategorías */
}

/* BOTÓN CALCULADORA - Terracota Sólido */
.cel-especial a {
    background: #F6A24E !important; /* Terracota */
    color: #FFFFFF !important; /* Texto Blanco */
    padding: 25px 0 !important;
}

/* LÓGICA DE APERTURA */
#cel-trigger-hamburguesa:checked ~ .cel-lista-links {
    display: block !important;
    animation: slideIn 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

#cel-trigger-productos:checked ~ .cel-submenu {
    display: block !important;
}

/* ANIMACIÓN HAMBURGUESA A X */
#cel-trigger-hamburguesa:checked ~ .cel-icono-boton .cel-linea { background: transparent; }
#cel-trigger-hamburguesa:checked ~ .cel-icono-boton .cel-linea:before { 
    transform: rotate(-45deg); 
    top: 0; 
    background: #F6A24E; /* Cambia a terracota al abrir */
}
#cel-trigger-hamburguesa:checked ~ .cel-icono-boton .cel-linea:after { 
    transform: rotate(45deg); 
    top: 0; 
    background: #F6A24E; 
}

.cel-checkbox, .cel-checkbox-sub { display: none !important; }

@keyframes slideIn {
    from { opacity: 0; transform: translateY(-15px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */