.elementor-2219 .elementor-element.elementor-element-decc4bc{--display:flex;}.elementor-2219 .elementor-element.elementor-element-b4f2bbf{--display:flex;}.elementor-2219 .elementor-element.elementor-element-516d571{--display:flex;}.elementor-2219 .elementor-element.elementor-element-fce8cc5{--display:flex;}.elementor-2219 .elementor-element.elementor-element-b01bc15{--display:flex;}.elementor-2219 .elementor-element.elementor-element-99424bb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4676a19 *//* ============================================ */
/* HERO CENTRO DE ECONOMÍA CIRCULAR (CEC)       */
/* ============================================ */

.bliss-hero-cec {
  position: relative;
  overflow: hidden;
  /*min-height: 100vh; /* Opcional: para que ocupe toda la pantalla, o usa py-28/40 */
}

/* Imagen de fondo */
.bliss-hero-cec-imagen {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

/* Gradiente superpuesto (de negro intenso a transparente) */
.bliss-hero-cec-overlay {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2));
  z-index: 1;
}

/* Contenedor de contenido */
.bliss-hero-cec-contenido {
  position: relative;
  z-index: 2;
  max-width: 1280px;          /* max-w-7xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;       /* px-6 */
  padding-right: 1.5rem;
  padding-top: 7rem;          /* py-28 = 7rem, o 10rem para md:py-40 */
  padding-bottom: 7rem;
  color: #ffffff;
}

@media (min-width: 768px) {
  .bliss-hero-cec-contenido {
    padding-top: 10rem;        /* md:py-40 */
    padding-bottom: 10rem;
  }
}

/* Badge (etiqueta redondeada) */
.bliss-hero-cec-badge {
  display: inline-block;
  padding: 0.25rem 0.75rem;    /* px-3 py-1 */
  border-radius: 9999px;       /* rounded-full */
  background-color: rgba(255, 255, 255, 0.15); /* bg-white/15 */
  backdrop-filter: blur(4px);  /* backdrop-blur */
  font-size: 0.75rem;          /* text-xs */
  text-transform: uppercase;
  letter-spacing: 0.1em;       /* tracking-widest */
  margin-bottom: 1.5rem;       /* mb-6 */
}

/* Título principal */
.bliss-hero-cec-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 2.25rem;          /* text-4xl */
  font-weight: 700;
  line-height: 1.05;
  max-width: 48rem;            /* max-w-3xl */
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .bliss-hero-cec-titulo {
    font-size: 3.75rem;        /* md:text-6xl */
  }
}

/* Texto destacado (Economía Circular) */
.bliss-hero-cec-destacado {
  color: #D97906;              /* text-secondary (naranja terroso exacto) */
}

/* Descripción */
.bliss-hero-cec-descripcion {
  margin-top: 1.5rem;          /* mt-6 */
  max-width: 42rem;            /* max-w-2xl */
  font-size: 1.125rem;         /* text-lg */
  color: rgba(255, 255, 255, 0.85); /* text-white/85 */
  font-style: italic;
  line-height: 1.5;
}

/* Botones */
.bliss-hero-cec-botones {
  margin-top: 2rem;            /* mt-8 */
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;                /* gap-3 */
}

.bliss-hero-cec-btn-primario {
  display: inline-block;
  padding: 0.75rem 1.5rem;     /* px-6 py-3 */
  border-radius: 9999px;
  background-color: #D97906;   /* bg-primary */
  color: #ffffff;              /* text-primary-foreground */
  font-weight: 500;            /* font-medium */
  text-decoration: none;
  transition: opacity 0.2s;
}

.bliss-hero-cec-btn-primario:hover {
  opacity: 0.9;
}

.bliss-hero-cec-btn-secundario {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  background-color: #ffffff;
  color: #1f2937;              /* text-foreground (gris oscuro) */
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s;
}

.bliss-hero-cec-btn-secundario:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

/* Ajuste móvil para el badge y el padding */
@media (max-width: 640px) {
  .bliss-hero-cec-contenido {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .bliss-hero-cec-titulo {
    font-size: 1.875rem;       /* text-3xl */
  }
  .bliss-hero-cec-badge {
    font-size: 0.7rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74ec392 *//* ============================================ */
/* PILARES DEL CEC                              */
/* ============================================ */

.bliss-pilares {
  background-color: #EFF5EB;   /* bg-muted (lab convertido) */
  padding-top: 5rem;           /* py-20 = 5rem */
  padding-bottom: 5rem;
}

.bliss-pilares-contenedor {
  max-width: 1280px;           /* max-w-7xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;        /* px-6 */
  padding-right: 1.5rem;
}

/* Encabezado */
.bliss-pilares-encabezado {
  max-width: 42rem;            /* max-w-2xl */
}

.bliss-pilares-etiqueta {
  color: #D97906;              /* text-primary */
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
}

.bliss-pilares-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.875rem;         /* text-3xl */
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #1f2937;
}

@media (min-width: 768px) {
  .bliss-pilares-titulo {
    font-size: 2.25rem;        /* md:text-4xl */
  }
}

/* Grid de tarjetas */
.bliss-pilares-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;                /* gap-5 */
  margin-top: 3rem;            /* mt-12 */
}

@media (min-width: 640px) {
  .bliss-pilares-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .bliss-pilares-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Tarjeta individual */
.bliss-pilares-card {
  padding: 1.5rem;             /* p-6 */
  border-radius: 1rem;         /* rounded-2xl */
  background-color: #ffffff;   /* bg-card */
  border: 1px solid #e5e7eb;   /* border-border */
  transition: box-shadow 0.2s;
}

.bliss-pilares-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Número circular */
.bliss-pilares-numero {
  width: 2.5rem;               /* w-10 */
  height: 2.5rem;              /* h-10 */
  background-color: rgba(217, 121, 6, 0.1); /* bg-primary/10 */
  color: #D97906;              /* text-primary */
  display: grid;
  place-items: center;
  border-radius: 0.5rem;       /* rounded-lg */
  margin-bottom: 1rem;         /* mb-4 */
  font-weight: 700;
  font-size: 1.125rem;
}

/* Título de tarjeta */
.bliss-pilares-card-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;            /* font-semibold */
  font-size: 1.125rem;         /* text-lg */
  margin: 0 0 0.5rem 0;
  color: #1f2937;
}

/* Descripción */
.bliss-pilares-card-descripcion {
  font-size: 0.875rem;         /* text-sm */
  color: #6b7280;              /* text-muted-foreground */
  line-height: 1.5;
  margin-top: 0.5rem;          /* mt-2 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-27145a0 *//* ============================================ */
/* SECCIÓN "¿QUÉ SE VIVE EN EL CEC?"            */
/* ============================================ */

.bliss-vive-cec {
  padding-top: 6rem;      /* py-24 = 6rem */
  padding-bottom: 6rem;
}

.bliss-vive-cec-contenedor {
  max-width: 1280px;      /* max-w-7xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;   /* px-6 */
  padding-right: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;              /* gap-12 */
  align-items: center;    /* items-center */
}

@media (min-width: 768px) {
  .bliss-vive-cec-contenedor {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Columna izquierda */
.bliss-vive-cec-etiqueta {
  color: #D97906;         /* text-accent */
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
}

.bliss-vive-cec-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #1f2937;
}

@media (min-width: 768px) {
  .bliss-vive-cec-titulo {
    font-size: 2.25rem;
  }
}

.bliss-vive-cec-descripcion {
  margin-top: 1rem;       /* mt-4 */
  color: #6b7280;
  line-height: 1.625;
}

.bliss-vive-cec-lista {
  margin-top: 1.5rem;     /* mt-6 */
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;           /* space-y-3 */
}

.bliss-vive-cec-lista li {
  display: flex;
  gap: 0.75rem;           /* gap-3 */
  align-items: flex-start;
  font-size: 0.875rem;    /* text-sm */
  color: #374151;
}

.bliss-vive-cec-bullet {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #D97906;  /* bg-primary */
  border-radius: 9999px;
  flex-shrink: 0;
  margin-top: 0.5rem;      /* mt-2 */
}

/* Columna derecha: imágenes */
.bliss-vive-cec-imagenes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;               /* gap-4 */
}

.bliss-vive-cec-img-superior,
.bliss-vive-cec-img-inferior {
  width: 100%;
  height: 18rem;           /* h-72 = 288px */
  object-fit: cover;
  border-radius: 1rem;     /* rounded-2xl */
}

.bliss-vive-cec-img-inferior {
  margin-top: 2rem;        /* mt-8 */
}

/* Ajuste móvil para imágenes */
@media (max-width: 640px) {
  .bliss-vive-cec-imagenes {
    grid-template-columns: 1fr;
  }
  .bliss-vive-cec-img-inferior {
    margin-top: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15eb59e *//* ============================================ */
/* SECCIÓN PROGRAMAS                            */
/* ============================================ */

.bliss-programas {
  background-color: #EFF5EB;   /* bg-muted (lab convertido) */
  padding-top: 5rem;           /* py-20 = 5rem */
  padding-bottom: 5rem;
}

.bliss-programas-contenedor {
  max-width: 1280px;           /* max-w-7xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;        /* px-6 */
  padding-right: 1.5rem;
}

/* Encabezado */
.bliss-programas-encabezado {
  max-width: 42rem;            /* max-w-2xl */
}

.bliss-programas-etiqueta {
  color: #D97906;              /* text-primary */
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
}

.bliss-programas-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.875rem;         /* text-3xl */
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #1f2937;
}

@media (min-width: 768px) {
  .bliss-programas-titulo {
    font-size: 2.25rem;        /* md:text-4xl */
  }
}

/* Grid de tarjetas */
.bliss-programas-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;                /* gap-5 */
  margin-top: 3rem;            /* mt-12 */
}

@media (min-width: 768px) {
  .bliss-programas-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Tarjeta individual */
.bliss-programas-card {
  padding: 1.5rem;             /* p-6 */
  border-radius: 1rem;         /* rounded-2xl */
  background-color: #ffffff;   /* bg-card */
  border: 1px solid #e5e7eb;   /* border-border */
  transition: box-shadow 0.2s;
}

.bliss-programas-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.bliss-programas-card-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 600;            /* font-semibold */
  font-size: 1.125rem;         /* text-lg */
  margin: 0 0 0.5rem 0;
  color: #1f2937;
}

.bliss-programas-card-descripcion {
  font-size: 0.875rem;         /* text-sm */
  color: #6b7280;              /* text-muted-foreground */
  line-height: 1.5;
  margin-top: 0.5rem;          /* mt-2 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0efdec3 *//* ============================================ */
/* SECCIÓN VISÍTANOS                            */
/* ============================================ */

.bliss-visita {
  padding-top: 6rem;      /* py-24 = 6rem */
  padding-bottom: 6rem;
}

.bliss-visita-contenedor {
  max-width: 1280px;      /* max-w-7xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;   /* px-6 */
  padding-right: 1.5rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;              /* gap-12 */
  align-items: center;    /* items-center */
}

@media (min-width: 1024px) {
  .bliss-visita-contenedor {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Imagen */
.bliss-visita-imagen {
  width: 100%;
  height: 460px;          /* h-[460px] */
  object-fit: cover;
  border-radius: 1.5rem;  /* rounded-3xl */
}

/* Contenido derecho */
.bliss-visita-etiqueta {
  color: #D97906;         /* text-primary */
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: inline-block;
}

.bliss-visita-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 0.75rem;
  margin-bottom: 0;
  color: #1f2937;
}

@media (min-width: 768px) {
  .bliss-visita-titulo {
    font-size: 2.25rem;
  }
}

.bliss-visita-descripcion {
  margin-top: 1rem;       /* mt-4 */
  color: #6b7280;
  line-height: 1.625;
}

/* Grid de 4 tarjetas informativas */
.bliss-visita-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;           /* gap-3 */
  margin-top: 1.5rem;     /* mt-6 */
  font-size: 0.875rem;    /* text-sm */
}

@media (min-width: 640px) {
  .bliss-visita-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bliss-visita-card {
  padding: 1rem;          /* p-4 */
  border-radius: 0.5rem;  /* rounded-lg */
  background-color: #EFF5EB;  /* bg-muted (color exacto) */
}

.bliss-visita-card-label {
  font-size: 0.75rem;     /* text-xs */
  text-transform: uppercase;
  letter-spacing: 0.1em;  /* tracking-widest */
  color: #6b7280;         /* text-muted-foreground */
}

.bliss-visita-card-valor {
  font-weight: 500;       /* font-medium */
  margin-top: 0.25rem;    /* mt-1 */
  color: #1f2937;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-979ac49 *//* ============================================ */
/* CTA FINAL - CENTRO DE ECONOMÍA CIRCULAR      */
/* ============================================ */

.bliss-cta-cec {
  padding-bottom: 6rem;    /* pb-24 = 6rem */
}

.bliss-cta-cec-contenedor {
  max-width: 64rem;        /* max-w-5xl */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;    /* px-6 */
  padding-right: 1.5rem;
  text-align: center;
  background-image: linear-gradient(to bottom right, #D97906, rgba(217, 121, 6, 0.8));
  color: #ffffff;
  border-radius: 1.5rem;   /* rounded-3xl */
  padding: 3rem;           /* p-12 */
}

.bliss-cta-cec-titulo {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 1.875rem;     /* text-3xl */
  font-weight: 700;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .bliss-cta-cec-titulo {
    font-size: 2.25rem;    /* md:text-4xl */
  }
}

.bliss-cta-cec-descripcion {
  margin-top: 0.75rem;     /* mt-3 */
  color: rgba(255, 255, 255, 0.85);
  max-width: 42rem;        /* max-w-2xl */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.bliss-cta-cec-botones {
  margin-top: 1.75rem;     /* mt-7 */
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.bliss-cta-cec-btn-primario {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  background-color: #ffffff;
  color: #D97906;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.2s;
}

.bliss-cta-cec-btn-primario:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.bliss-cta-cec-btn-secundario {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  background-color: transparent;
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  transition: background-color 0.2s;
}

.bliss-cta-cec-btn-secundario:hover {
  background-color: rgba(255, 255, 255, 0.1);
}/* End custom CSS */