.elementor-845 .elementor-element.elementor-element-39e3b77e{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-41084ee7{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-56edf74c{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-5221117{text-align:justify;}.elementor-845 .elementor-element.elementor-element-5221117 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:500;color:#F0EBE0;}.elementor-845 .elementor-element.elementor-element-21fb0916{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-302d947b{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-5f112877{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-dfbfd62 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:36px;font-weight:600;color:#F0EBE0;}.elementor-845 .elementor-element.elementor-element-7f5b3350{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-263d20c1{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-2598136a{--display:flex;overflow:visible;}.elementor-845 .elementor-element.elementor-element-43f61f68{--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;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-56edf74c */.hero-contenedor-centrado{
    position: relative;
    margin-inline: auto;
    width: 100%;
    max-width: 1152px;
    padding-inline: 16px;
    
}

@media (min-width: 768px ) {
 .hero-contenedor-centrado {
 padding-inline: 24px;
 padding-bottom: 80px;
 }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41084ee7 */.capa{
    inset: 0px;
    position: absolute;
    top: 0px;                     /* Equivale a inset-0 */
    right: 0px;
    bottom: 0px;
    left: 0px;
     background-image: linear-gradient(
    to top,
    var(--charcoal) 0%,                                         /* from-charcoal (100%) */
    color-mix(in srgb, var(--charcoal) 60%, transparent) 50%,   /* via-charcoal/60 */
    color-mix(in srgb, var(--charcoal) 40%, transparent) 100%   /* to-charcoal/40 */
  );
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39e3b77e */.hero{
    position: relative;
    display: flex;
    min-height: 52svh;
    align-items: flex-end;
    overflow: hidden;
    padding-top: 64px;
}
@media (width >= 48rem /* 768px */) {
    .hero{
        min-height: 60vh;
    }
}/* End custom CSS */
/* Start custom CSS */.section-pad {
  padding-top: 5rem;    /* Equivale a py-20 */
  padding-bottom: 5rem;
}
.ancho-maximo-centrado {
  margin-left: auto;
  margin-right: auto;
  max-width: 1152px;      /* Equivale a max-w-6xl */
  padding-left: 16px;     /* Equivale a px-4 */
  padding-right: 16px;
}
/* Cuadrícula adaptable de 1 a 2 columnas */
.grid-dos-columnas-ancho {
  display: grid;
  gap: 32px;                /* Equivale a gap-8 (2rem) */
}

/* Pantallas grandes / Escritorio (lg: desde 1024px) */
@media (min-width: 1024px) {
  .grid-dos-columnas-ancho {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Equivale a lg:grid-cols-2 */
  }
}

/* Contenedor principal con separación */
.lista-vertical-separada {
  display: flex;
  flex-direction: column;
  gap: 24px;                /* Equivale a gap-6 */
}

/* Contenedor de la lista (text-sm) */
.bloque-texto-separado {
  font-size: 14px;
  list-style: none;         /* Quita los puntos nativos de la lista de WordPress */
  padding: 0;               /* Resetea espacios de WordPress */
  margin: 0;
}

/* Separación entre cada ítem de la lista (space-y-5) */
.bloque-texto-separado > * + * {
  margin-top: 20px;
}

/* Fila horizontal para alinear icono y textos */
.fila-horizontal-separada {
  display: flex;
  flex-direction: row;
  gap: 16px;                /* Equivale a gap-4 */
  align-items: flex-start;  /* Alinea arriba para que el icono quede bien con textos largos */
}

/* Iconos dorados de la lista (MapPin, Clock, Car) */
.icono-lista-dorado {
  margin-top: 2px;          /* Equivale a mt-0.5 */
  width: 20px;              /* Equivale a size-5 */
  height: 20px;
  flex-shrink: 0;           /* Evita que el icono se aplaste */
  color: var(--gold);
}

/* Títulos de cada ítem (font-medium text-ivory) */
.texto-marfil-medio {
  font-weight: 500;
  color: var(--ivory);
  margin: 0;                /* Resetea márgenes de WordPress */
}

/* Margen superior para las descripciones de abajo */
.mt-1-px {
  margin-top: 4px;          /* Equivale a mt-1 */
  margin-bottom: 0;
  color: var(--muted-foreground);
}

/* Contenedor de los botones de contacto */
.contenedor-botones-contacto {
  display: flex;
  flex-direction: column;   /* En móvil van apilados */
  gap: 12px;                /* Equivale a gap-3 (12px) */
}

/* Pantallas medianas en adelante (sm: desde 640px) */
@media (min-width: 640px) {
  .contenedor-botones-contacto {
    flex-direction: row;    /* En tablet/PC se ponen uno al lado del otro */
  }
}

/* Estilo Base Compartido para ambos botones */
.btn-contacto-base {
  display: inline-flex;
  height: 48px;                 /* Equivale a h-12 (48px) */
  flex: 1 1 0%;                 /* Equivale a flex-1 */
  align-items: center;
  justify-content: center;
  gap: 8px;                     /* Equivale a gap-2 (8px) */
  border-radius: 9999px;        /* Equivale a rounded-full */
  padding-left: 24px;           /* Equivale a px-6 (24px) */
  padding-right: 24px;
  font-size: 14px;              /* Equivale a text-sm (14px) */
  font-family: var(--font-sans);
  font-weight: 500;             /* Equivale a font-medium */
  text-decoration: none;        /* Quita el subrayado nativo */
  cursor: pointer;
}

/* Icono interno de los botones (Navigation y MessageCircle) */
.btn-contacto-base svg {
  width: 16px;                  /* Equivale a size-4 (16px) */
  height: 16px;
}

/* BOTÓN 1: "Cómo llegar" (Dorado de la marca) */
.btn-contacto-gold {
  background-color: var(--gold);
  color: var(--primary-foreground);
  border: none;
  transition: filter 0.2s ease;
}
.btn-contacto-gold:hover {
  filter: brightness(1.05);     /* Equivale a hover:brightness-105 */
}

/* BOTÓN 2: "WhatsApp" (De contorno/borde) */
.btn-contacto-outline {
  background-color: transparent;
  border: 1px solid var(--border);
  color: var(--ivory);
  transition: color 0.2s ease, border-color 0.2s ease;
}
.btn-contacto-outline:hover {
  border-color: var(--gold);    /* Equivale a hover:border-gold */
  color: var(--gold);           /* Equivale a hover:text-gold */
}

.descripcion-seccion-atenuada {
  margin-top: 20px;         /* Equivale a mt-5 */
  font-size: 16px;          /* Añadido por defecto para que sea legible */
  line-height: 1.625;       /* Equivale a leading-relaxed */
  text-wrap: pretty;        /* Equivale a text-pretty */
  color: var(--muted-foreground) !important; /* Usa tu variable de color gris/atenuado */
}/* End custom CSS */