.elementor-3949 .elementor-element.elementor-element-1f06771{--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-3949 .elementor-element.elementor-element-a8ac5d1{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans, Helvetica;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-3949 .elementor-element.elementor-element-1ad9287 > .elementor-widget-container{margin:7rem 0rem 0rem 0rem;}.elementor-3949 .elementor-element.elementor-element-1ad9287 .elementor-heading-title{font-family:"Felipe 2025", Sans, Helvetica;font-size:3rem;font-weight:900;line-height:3rem;}.elementor-3949 .elementor-element.elementor-element-382dec5{--display:flex;--min-height:600px;--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-3949 .elementor-element.elementor-element-20eea7c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3949 .elementor-element.elementor-element-fecbcbd{--display:flex;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-3949 .elementor-element.elementor-element-05eebdf > .elementor-widget-container{margin:7rem 0rem 0rem 0rem;}.elementor-3949 .elementor-element.elementor-element-05eebdf .elementor-heading-title{font-family:"Felipe 2025", Sans, Helvetica;font-size:3rem;font-weight:900;line-height:3rem;}.elementor-3949 .elementor-element.elementor-element-0e18567{--display:flex;--min-height:600px;--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-3949 .elementor-element.elementor-element-d9bf73c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3949 .elementor-element.elementor-element-a328f09{--display:flex;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;}.elementor-3949 .elementor-element.elementor-element-a328f09.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3949 .elementor-element.elementor-element-b506a15 > .elementor-widget-container{margin:7rem 0rem 0rem 0rem;}.elementor-3949 .elementor-element.elementor-element-b506a15 .elementor-heading-title{font-family:"Felipe 2025", Sans, Helvetica;font-size:3rem;font-weight:900;line-height:3rem;}.elementor-3949 .elementor-element.elementor-element-6236cbd{--display:flex;--min-height:600px;--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-3949 .elementor-element.elementor-element-f6428b6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-3949 .elementor-element.elementor-element-a8ac5d1{--content-width:90%;}.elementor-3949 .elementor-element.elementor-element-fecbcbd{--content-width:90%;}.elementor-3949 .elementor-element.elementor-element-a328f09{--content-width:90%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start JX Custom Fonts CSS */@font-face{font-family:'Felipe 2025';font-style:normal;font-weight:normal;src:url('https://felipemguajardo.net/wp-content/uploads/2025/05/GeneralSans-Regular.ttf')format('truetype');}@font-face{font-family:'Felipe 2025';font-style:normal;font-weight:100;src:url('https://felipemguajardo.net/wp-content/uploads/2025/05/GeneralSans-Extralight.ttf')format('truetype');}/* End JX Custom Fonts CSS */
/* Start custom CSS *//* Estilos para la miniatura del producto */
  .foto-producto {
    width: 150px; /* Tamaño de la foto */
    height: 150px;
    object-fit: cover; /* Para que la foto no se deforme aunque sea rectangular */
    border-radius: 8px; /* Bordes redondeados para que quede suave */
    margin-right: 15px; /* Espacio entre la foto y el texto */
    flex-shrink: 0; /* Evita que la foto se encoja en pantallas muy pequeñas */
  }

  /* Agrupamos la foto y el texto a la izquierda */
  .info-izquierda {
    display: flex;
    align-items: center; /* Centra el texto verticalmente con la foto */
    flex-grow: 1; /* Permite que el texto ocupe el espacio disponible */
  }

  /* Ajuste para que el texto respire si hay foto */
  .cafelito-textos {
    display: flex;
    flex-direction: column;
  }
  
  
  /* El contenedor de la lista */
  .lista-cafelito {
    list-style: none; /* Quita los puntos de la lista */
    padding: 0 !important;
    margin: 0 !important;
    font-family: inherit;
  }

  /* Cada fila de producto */
  .lista-cafelito li {
    display: flex; /* Esto es la magia para alinear a los lados */
    justify-content: space-between; /* Empuja a los extremos */
    align-items: center; /* Centra verticalmente */
    padding: 15px 0; /* Espacio arriba y abajo para que respire */
    border-bottom: 1px solid #E0E0E0; /* ESTA ES LA LÍNEA SEPARADORA */
  }

  /* Quita la línea al último producto para que quede más limpio */
  .lista-cafelito li:last-child {
    border-bottom: none;
  }

  /* Estilos del texto */
  .cafelito-nombre {
    font-weight: 600;
    font-size: 1.5rem;
    color: #333;
  }

  /* La descripción del producto (si la tiene) */
  .cafelito-desc {
    display: block; /* Lo manda a la línea de abajo */
    font-size: 13px;
    color: #777;
    font-weight: normal;
    margin-top: 4px;
  }

  /* El precio destacado a la derecha */
  .cafelito-precio {
    font-weight: bold;
    font-size: 1.4rem;
    color: #000; /* En color terracota para que destaque */
    margin-left: 15px; /* Por si el nombre es muy largo, que no se peguen */
  }



  /* Contenedor principal */
  .cafelito-dropdown {
    position: relative;
    width: 100%;
    font-family: inherit;
  }

  /* El botón que siempre se ve */
  .cafelito-btn {
    width: 100%;
    padding: 30px 45px;
    font-size: 18px;
    color: #333333;
    background-color: #FAFAFA;
    border: 2px solid #D96C4A; /* Borde Terracota */
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
  }

  /* Efecto al tocar el botón */
  .cafelito-btn:focus, .cafelito-dropdown.activa .cafelito-btn {
    outline: none;
    border-color: #4A6B53; /* Cambia a Verde al abrirse */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* La lista de opciones (oculta por defecto) */
  .cafelito-contenido {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border: 2px solid #4A6B53; /* Borde Verde */
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    z-index: 9999;
    overflow: hidden;
  }

  /* Mostrar la lista cuando está activa */
  .cafelito-dropdown.activa .cafelito-contenido {
    display: block;
  }

  /* Diseño de cada opción individual */
  .cafelito-contenido a {
    color: #333333;
    padding: 20px;
    text-decoration: none;
    display: block;
    font-size: 1.5rem;
    border-bottom: 1px solid #eeeeee;
    transition: background-color 0.2s;
    text-align: center;
  }

  /* Quitar borde a la última opción */
  .cafelito-contenido a:last-child {
    border-bottom: none;
  }

  /* Efecto al pasar el ratón/dedo por las opciones */
  .cafelito-contenido a:hover {
    background-color: #F0F4F1; /* Fondo verde clarito */
    color: #4A6B53; /* Texto verde corporativo */
    font-weight: bold;
  }

/* Estilo especial para el bloque de texto que rompe la carta */
  .lista-cafelito li.bloque-texto-centrado {
    display: block; /* Anula el flexbox (izquierda/derecha) de los productos */
    text-align: center; /* Centra todo el contenido */
    padding: 35px 20px; /* Le da mucho aire por arriba y por abajo */
    margin: 15px 0; /* Lo separa un poco de los productos */
    background-color: #FAFAFA; /* Un fondo súper clarito para destacarlo (opcional) */
    border-radius: 8px; /* Bordes suaves */
    border-bottom: none; /* Le quitamos la línea separadora habitual */
  }

  /* Estilo para el H2 de este bloque */
  .bloque-texto-centrado h2 {
    font-size: 1.8rem;
    color: #000; /* El color terracota para que llame la atención */
    margin-top: 0;
    margin-bottom: 12px; /* Separación con el párrafo */
    font-weight: 700;
  }

  /* Estilo para el párrafo largo */
  .bloque-texto-centrado p {
    font-size: 15px;
    color: #555555;
    margin: 0;
    line-height: 1.6; /* Hace que las líneas de texto respiren mejor */
  }/* End custom CSS */