/* ==========================================================================
   Restaurant Page Styles - refreshed layout aligned with brand system
   ========================================================================== */

:root {
  --rest-gradient: linear-gradient(135deg, #0b4f6c 0%, #0e6d94 45%, #0b4f6c 100%);
}

.restaurant-page {
  background: transparent;
}

/* Hero */
.restaurant-hero{
  position: relative;
  overflow: hidden;
  padding: 140px 0 100px;
  min-height: clamp(560px, 62vh, 740px);
}

/* Imagen fondo full-bleed */
.restaurant-hero > .hero-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  /* mueve la mujer a la derecha (70–85%) */
  object-position: 78% 45%;

  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 0;
}

/* DESKTOP: fade horizontal (blanco a la izquierda, imagen visible a la derecha) */
.restaurant-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(90deg,
    rgba(255,255,255,0.98) 0%,
    rgba(255,255,255,0.98) 52%,
    rgba(255,255,255,0.70) 64%,
    rgba(255,255,255,0.00) 78%
  );
}

/* Contenido */
.restaurant-hero .hero-grid{
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 560px) 1fr;
  gap: 60px;
  align-items: center;
}

.restaurant-hero .hero-content{
  max-width: 560px;
}

.restaurant-hero .hero-content h1{
  font-size: clamp(36px, 3.2vw, 52px);
  line-height: 1.12;
  margin-bottom: 16px;
}

.restaurant-hero .hero-subtitle{
  font-size: clamp(16px, 1.15vw, 18px);
  line-height: 1.6;
  margin-bottom: 28px;
  max-width: 54ch;
}

.restaurant-hero .hero-trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.restaurant-hero .trust-chip{
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;

  background: rgba(255,255,255,0.96);
  border: 0;

  color: var(--text-dark);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}


/* Tablet */
@media (max-width: 900px){
  .restaurant-hero{
    padding: 110px 0 70px;
  }

  .restaurant-hero .hero-grid{
    grid-template-columns: 1fr;
    gap: 22px;
    align-items: start;
  }

  /* en tablet/móvil: fade vertical para que el texto se lea */
  .restaurant-hero::before{
    background: linear-gradient(180deg,
      rgba(255,255,255,0.96) 0%,
      rgba(255,255,255,0.92) 58%,
      rgba(255,255,255,0.20) 84%,
      rgba(255,255,255,0.00) 100%
    );
  }

  .restaurant-hero > .hero-img{
    object-position: 72% 38%;
  }
}

/* MÓVIL: “frame” SOLO aquí */
@media (max-width: 640px){
  .restaurant-hero{
    padding: 64px 0 30px;
    min-height: auto;
  }

  .restaurant-hero::before{
    inset: 12px;
    border-radius: 28px;

    background: linear-gradient(180deg,
      rgba(255,255,255,0.94) 0%,
      rgba(255,255,255,0.82) 62%,
      rgba(255,255,255,0.10) 100%
    );

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 22px 60px rgba(0,0,0,0.10);
  }

  /* Ajustes para que NO se coma los CTAs */
  .restaurant-hero .hero-content{
    /* Mantener el contenido dentro del "frame" y centrarlo */
    max-width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    margin-top: 0 !important;
    padding: 36px 20px !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .restaurant-hero .hero-content h1{
    /* un poco más grande según solicitud */
    font-size: clamp(26px, 9vw, 42px);
    line-height: 1.04;
    margin-bottom: 16px;
  }

  .restaurant-hero .hero-subtitle{
    /* ajustar tamaño un poco mayor para legibilidad */
    font-size: clamp(15px, 5vw, 20px);
    line-height: 1.55;
    margin-bottom: 16px;
    max-width: 46ch;
  }

  .restaurant-hero .hero-actions{
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;          /* <- más separado */
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }

  .restaurant-hero .hero-actions .btn{
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .restaurant-hero .hero-trust{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  .restaurant-hero .trust-chip{
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;

  background: rgba(255,255,255,0.96);
  border: 0;

  color: var(--text-dark);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;

  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  }

  .restaurant-hero > .hero-img{
    object-position: 74% 52%;
  }
}

/* Stats */
.rest-stats {
  margin: 60px 0;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.stat-card {
  background: #fff;
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(10, 16, 30, 0.04);
}

.stat-value {
  font-size: 40px;
  font-weight: 700;
  color: var(--primary-orange);
}

.stat-label {
  margin: 6px 0 0;
  color: var(--text-gray);
  line-height: 1.5;
}

/* Pain grid */
.rest-pains {
  padding: 80px 0;
}

.pain-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 50px;
}

.pain-spot {
  background: #fff;
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 12px 30px rgba(13, 42, 64, 0.08);
  border: 1px solid rgba(11, 79, 108, 0.08);
}

.pain-icon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgba(11, 79, 108, 0.08);
  display: grid;
  place-items: center;
  font-weight: 700;
  color: #0b4f6c;
  margin-bottom: 18px;
}

.pain-spot h3 {
  margin-bottom: 10px;
  font-size: 18px;
}

.pain-spot p {
  color: var(--text-gray);
  line-height: 1.6;
}

/* Pillars */
.rest-solutions {
  padding: 40px 0 80px;
}

.solutions-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.solution-card {
  background: #fff;
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(11, 79, 108, 0.08);
}

.solution-card.accent{
  background: #fff;                  /* cero transparencia */
  border: none;                     /* sin borde */
  box-shadow: 0 24px 50px rgba(14, 109, 148, 0.14);
}

.solution-tag {
  font-size: 12px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--text-gray);
  margin-bottom: 10px;
}

.solution-card h3 {
  margin-bottom: 12px;
}

.solution-card p {
  color: var(--text-gray);
  line-height: 1.6;
  margin-bottom: 16px;
}

.solution-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.solution-card li {
  position: relative;
  padding-left: 22px;
  color: var(--text-dark);
  line-height: 1.5;
}

.solution-card li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 2px;
  background: var(--primary-orange);
}

/* Journey */
.rest-journey {
  padding: 80px 0;
}

.journey-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 40px;
}

.journey-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.journey-card {
  background: #fff;
  border-radius: 26px;
  padding: 32px;
  position: relative;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08);
}

.journey-number {
  position: absolute;
  top: -18px;
  left: 24px;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: var(--primary-orange);
  color: #fff;
  font-weight: 700;
  display: grid;
  place-items: center;
}

.journey-card h3 {
  margin-bottom: 12px;
}

.journey-card p {
  color: var(--text-gray);
  line-height: 1.6;
  margin-bottom: 16px;
}

.journey-foot {
  font-size: 14px;
  font-weight: 600;
  color: #0b4f6c;
}

/* Feature showcase */
.rest-feature-showcase {
  padding: 80px 0;
}

.feature-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 60px;
  align-items: center;
}

.feature-visual {
  position: relative;
  min-height: 420px;
}

.feature-blob {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(255, 184, 96, 0.3), transparent 60%),
              radial-gradient(circle at 80% 30%, rgba(89, 208, 220, 0.4), transparent 60%);
  border-radius: 40px;
  filter: blur(10px);
}

.feature-visual img {
  position: relative;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.feature-details h2 {
  font-size: 40px;
  margin-bottom: 16px;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.feature-list li {
  position: relative;
  padding-left: 26px;
  line-height: 1.6;
  color: var(--text-gray);
}

.feature-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--primary-orange);
  font-size: 18px;
}

.feature-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.feature-pill {
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(11, 79, 108, 0.08);
  font-size: 13px;
  color: #0b4f6c;
}

/* Proof */
.rest-proof {
  padding: 80px 0;
}

.proof-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
}

.proof-card {
  background: #fff;
  border-radius: 28px;
  padding: 36px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.proof-card h3 {
  font-size: 28px;
  margin-bottom: 18px;
}

.proof-card p {
  line-height: 1.6;
  color: var(--text-gray);
}

.proof-author {
  margin-top: 18px;
  font-weight: 600;
  color: var(--text-dark);
}

.proof-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.proof-item {
  background: var(--bg-cream);
  border-radius: 20px;
  padding: 24px;
  text-align: center;
}

.proof-item strong {
  display: block;
  font-size: 34px;
  color: var(--primary-orange);
}

.proof-item span {
  font-size: 14px;
  color: var(--text-dark);
}

/* Testimonial */
.rest-testimonial {
  padding: 40px 0 100px;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
}

.testimonial-copy h2 {
  font-size: 36px;
  margin-bottom: 16px;
}

.testimonial-copy p {
  color: var(--text-gray);
  line-height: 1.7;
  margin-bottom: 20px;
}

.testimonial-card {
  background: #fff;
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.1);
}

.testimonial-avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 16px;
}

.testimonial-quote {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 16px;
  color: var(--text-dark);
}

.testimonial-author {
  font-weight: 600;
  color: var(--text-gray);
}

/* CTA */
.restaurant-cta {
  padding: 60px 0 120px;
}

.cta-panel {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  background: #fff;
  border-radius: 32px;
  padding: 50px;
  box-shadow: 0 25px 90px rgba(0, 0, 0, 0.12);
}

.cta-text h2 {
  font-size: 36px;
  margin-bottom: 16px;
}

.cta-text p {
  color: var(--text-gray);
  line-height: 1.6;
  margin-bottom: 24px;
}

.cta-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cta-bullet {
  position: relative;
  padding-left: 26px;
  color: var(--text-dark);
}

.cta-bullet::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.85em;
  transform: translateY(-50%) rotate(45deg);

  width: 8px;
  height: 14px;

  /* ✅ check normal */
  border-right: 2px solid var(--primary-orange);
  border-bottom: 2px solid var(--primary-orange);

  border-left: 0;
  border-top: 0;
}

.cta-form-card h3 {
  font-size: 24px;
  margin-bottom: 8px;
}

.cta-form-subtitle {
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--text-dark);
}

.cta-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cta-form input {
  width: 100%;
  padding: 14px 18px;
  border-radius: 28px;
  border: 2px solid #ffe1c2;
  background: #fff;
  font-size: 15px;
  color: var(--text-dark);
}

.cta-form input:focus {
  border-color: var(--primary-orange);
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 184, 96, 0.3);
}

.cta-submit {
  border: none;
  background: var(--primary-orange);
  color: #fff;
  border-radius: 28px;
  padding: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cta-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(255, 184, 96, 0.4);
}

.cta-footnote {
  margin-top: 16px;
  font-size: 14px;
  color: var(--text-gray);
}

.cta-footnote a {
  display: block;
  margin-top: 4px;
  color: #0b4f6c;
  text-decoration: underline;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Responsive */
@media (max-width: 1200px) {
  .restaurant-hero::before {
    margin: 0 16px;
  }

  .restaurant-hero .hero-grid,
  .feature-grid,
  .proof-grid,
  .testimonial-grid,
  .cta-panel {
    grid-template-columns: 1fr;
  }

  .hero-visual {
    min-height: 380px;
  }
}

@media (max-width: 900px) {
  .restaurant-hero {
    padding: 100px 0 60px;
  }

  .stats-grid,
  .pain-grid,
  .solutions-grid,
  .journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1600px){
  .restaurant-hero{
    --fadeSolid: 62%;
    --fadeMid:   72%;
    --fadeEnd:   88%;
  }
}

.pain-spot{
  display: flex;
  flex-direction: column;
}

.pain-mockup{
  margin-top: auto;
  padding-top: 16px;
}

.pain-mockup img{
  width: 100%;
  height: 170px;
  object-fit: contain;
  display: block;
  border-radius: 18px;
  background: rgba(11, 79, 108, 0.04);
  box-shadow: 0 14px 34px rgba(0,0,0,0.10);
  padding: 10px;
}

@media (max-width: 900px){ .pain-mockup img{ height: 150px; } }
@media (max-width: 640px){ .pain-mockup img{ height: 130px; } }

@media (max-width: 640px) {
  .stats-grid,
  .pain-grid,
  .solutions-grid,
  .journey-grid {
    grid-template-columns: 1fr;
  }

  
  .stat-card, .pain-spot, .solution-card, .journey-card{
    padding: 22px;
  }

 
  .pain-spot h3{
    font-size: 17px;
    line-height: 1.25;
  }
}

.journey-card{
  position: relative;
}


@media (max-width: 640px){
  .journey-card{
    padding-top: 60px; 
  }

  .journey-number{
    top: 12px;   /* antes -18px */
    left: 18px;  
  }
}

@media (max-width: 640px){

  
  .rest-feature-showcase{
    padding: 40px 0;        
  }

  
  .rest-journey{
    padding: 50px 0;        /* antes 80px 0 */
  }

  
  .feature-visual{
    min-height: auto;      
  }

  
  .feature-grid{
    gap: 22px;              
  }

 
  .feature-visual img{
    display: block;
    width: 100%;
    height: auto;
  }

  
  .feature-blob{
    inset: 8px;             
    border-radius: 28px;
  }
}

/* El card debe ser el “ancla” */
.testimonial-card{
  position: relative;
  overflow: visible;
}

/* Mueve la foto a la esquina inferior derecha y agrándala */
.testimonial-card .testimonial-avatar{
  position: absolute;
  right: -22px;      /* sobresale un poco del card */
  bottom: -22px;

  width: 86px;       /* tamaño (ajusta a gusto) */
  height: 86px;

  border-radius: 50%;
  object-fit: cover;

  /* SIN frame blanco */
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 18px 45px rgba(0,0,0,0.18); /* opcional para “flotante” */
}

/* En móvil, un poco más chico para que no tape nada */
@media (max-width: 640px){
  .testimonial-card .testimonial-avatar{
    width: 74px;
    height: 74px;
    right: -16px;
    bottom: -16px;
  }
}

/* =========================================================
   RESTAURANT — Unificar testimonios (como Home)
   - Arriba: .proof-card (h3 + p + .proof-author)
   - Abajo: .testimonial-card (.testimonial-quote + .testimonial-author)
   Pegar AL FINAL de restaurant.css
   ========================================================= */

.restaurant-page .proof-card h3{
  font-style: normal !important;     /* <-- NO italic */
  font-weight: 700 !important;
  font-size: clamp(16px, 1.1vw, 18px) !important;
  line-height: 1.45 !important;
  margin: 0 0 10px 0 !important;
}

/* Si el h3 viene envuelto en <em> o <i>, lo neutralizamos */
.restaurant-page .proof-card h3 em,
.restaurant-page .proof-card h3 i{
  font-style: normal !important;
}

/* Quote/body: MISMO tamaño en ambos */
.restaurant-page .proof-card p,
.restaurant-page .testimonial-card .testimonial-quote{
  font-style: italic !important;
  font-weight: 500 !important;
  font-size: clamp(15px, 1.05vw, 17px) !important; /* <-- iguala el 20px */
  line-height: 1.65 !important;
  color: var(--text-dark) !important;
  margin: 0 !important;
}

/* Autor: MISMO look */
.restaurant-page .proof-author,
.restaurant-page .testimonial-card .testimonial-author{
  margin-top: 14px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--text-gray) !important;
}

/* =========================================================
   RESTAURANT — Unificar NOMBRES (autor) en ambos testimonios
   Pegar AL FINAL de restaurant.css
   ========================================================= */

/* Autor arriba (proof) */
.restaurant-page .proof-author{
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: var(--text-dark) !important;   /* o var(--text-gray) si lo quieres más suave */
  margin-top: 12px !important;
}

/* CTA audit form: match input/button layout from reference */
.restaurant-page .cta-form-card .audit-form{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}

.restaurant-page .cta-form-card .audit-form .audit-input{
  flex: 1 1 320px;
  min-width: 0;
  height: 48px;
  border: 2px solid #e3e3e3;
  border-radius: 999px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
  background: #fff;
}

.restaurant-page .cta-form-card .audit-form .audit-input::placeholder{
  font-size: 14px;
  color: #8a8f97;
}

.restaurant-page .cta-form-card .audit-form .btn{
  flex: 0 1 auto;
  height: 48px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
}

@media (max-width: 640px){
  .restaurant-page .cta-form-card .audit-form{
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .restaurant-page .cta-form-card .audit-form .audit-input,
  .restaurant-page .cta-form-card .audit-form .btn{
    width: min(100%, 320px);
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }

  .restaurant-page .cta-form-card .audit-form .btn{
    display: inline-flex;
    justify-content: center;
  }
}

/* Si el autor arriba está dentro del <p> (muy común), lo forzamos */
.restaurant-page .proof-card p .proof-author,
.restaurant-page .proof-card p .author,
.restaurant-page .proof-card p strong,
.restaurant-page .proof-card p b{
  font-style: normal !important;
  font-weight: 600 !important;
  color: var(--text-dark) !important;
}

/* Autor abajo (testimonial) */
.restaurant-page .testimonial-card .testimonial-author{
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: var(--text-dark) !important;
  margin-top: 12px !important;
}


/* PROOF: que el card izquierdo se vea intencional (misma altura que los stats) */
.restaurant-page .proof-grid{
  align-items: stretch; /* ambos bloques se estiran igual */
}

.restaurant-page .proof-card{
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 28px 30px; /* si ya lo bajaste, déjalo así */
}

/* Márgenes controlados para que no “infle” ni se vea pegado */
.restaurant-page .proof-card h3{ margin: 0 0 10px; }
.restaurant-page .proof-card p{ margin: 0; }

/* Empuja el autor al fondo -> llena visualmente el card */
.restaurant-page .proof-author{
  margin-top: auto;
  padding-top: 14px;
}

/* RESTAURANT — Eyebrow/kicker (más grande) */
.restaurant-page .eyebrow{
  font-size: clamp(15px, 1.15vw, 18px) !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  color: var(--text-gray) !important;
  margin: 0 0 12px 0 !important;
  text-transform: none !important;
}

.restaurant-page .testimonial-copy > .eyebrow,
.restaurant-page .cta-text > .eyebrow,
.restaurant-page .hero-content > .eyebrow,
.restaurant-page .feature-details > .eyebrow{
  font-size: clamp(15px, 1.15vw, 18px) !important;
}

/* =========================================================
   CHECK BULLETS (orange circle + check)
   Solo: Restaurants / Salons / Craftsmen / Startups
   Pegar AL FINAL de restaurant.css
   ========================================================= */

/* Target: listas dentro de las cards de pilares/solutions */
body:has(.restaurant-page) .solution-card ul,
body:has(.salons-page) .solution-card ul,
body:has(.craftsmen-page) .solution-card ul,
body:has(.startups-page) .solution-card ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 14px 0 0 !important;
}

/* Layout consistente: icono + texto alineados */
body:has(.restaurant-page) .solution-card ul li,
body:has(.salons-page) .solution-card ul li,
body:has(.craftsmen-page) .solution-card ul li,
body:has(.startups-page) .solution-card ul li{
  display: grid !important;
  grid-template-columns: 16px 1fr;
  column-gap: 10px;
  align-items: start;
  position: relative;
  padding: 0 !important;          /* quita offsets raros previos */
  margin: 0 !important;
}

/* Reemplaza cualquier bullet anterior (guion, punto, etc.) */
body:has(.restaurant-page) .solution-card ul li::before,
body:has(.salons-page) .solution-card ul li::before,
body:has(.craftsmen-page) .solution-card ul li::before,
body:has(.startups-page) .solution-card ul li::before{
  content: "✓" !important;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: var(--primary-orange);
  color: #fff;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
  line-height: 1;

  /* clave: que NO quede “encima” del texto */
  position: static !important;
  transform: translateY(2px);
}

/* =========================================================
   HERO — Trust pills: más contraste (Restaurants/Salons/etc.)
   Pegar al FINAL de css/pages/restaurant.css
   ========================================================= */

body:is(.restaurant-page, .salons-page, .craftsmen-page, .startups-page) .hero-trust{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

/* chips */
body:is(.restaurant-page, .salons-page, .craftsmen-page, .startups-page) .trust-chip{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;
  border-radius: 999px;

  /* ✅ contraste sin verse “pesado” */
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(255, 184, 96, 0.45);
  box-shadow: 0 10px 26px rgba(0,0,0,0.14);

  /* ✅ look premium */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  color: var(--text-dark);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* dot naranja */
body:is(.restaurant-page, .salons-page, .craftsmen-page, .startups-page) .trust-chip::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--primary-orange);
  box-shadow: 0 0 0 3px rgba(255, 184, 96, 0.22);
}

/* hover sutil (opcional) */
@media (hover:hover){
  body:is(.restaurant-page, .salons-page, .craftsmen-page, .startups-page) .trust-chip:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(0,0,0,0.16);
  }
}
/* HERO trust pills — industries (restaurant/salons/craftsmen/startups) */
body:has(.restaurant-page, .salons-page, .craftsmen-page, .startups-page)
  .hero-trust .trust-chip{
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 16px 10px 30px; /* espacio para el dot */
  border-radius: 999px;

  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 12px 30px rgba(0,0,0,0.16);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  font-size: 12px;
  line-height: 1;
  white-space: nowrap;

  position: relative;
}

body:has(.restaurant-page, .salons-page, .craftsmen-page, .startups-page)
  .hero-trust .trust-chip::before{
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);

  width: 8px;
  height: 8px;
  border-radius: 999px;

  background: var(--primary-orange);
  box-shadow: 0 0 0 3px rgba(255, 184, 96, 0.22);
}
/* =========================================================
   HERO TRUST CHIPS — mantenerlos en 1 línea (desktop)
   Aplica a Restaurants / Salons / Craftsmen / Startups
   ========================================================= */

/* Desktop: no wraps */
@media (min-width: 1024px) {
  .restaurant-hero .hero-trust {
    flex-wrap: nowrap; /* antes: wrap */
    width: 100%;
  }

  .restaurant-hero .trust-chip {
    white-space: nowrap; /* evita que el texto se parta dentro del chip */
  }
}

/* Si el ancho se vuelve justo (ej. Craftsmen), los hacemos un poco más compactos */
@media (min-width: 1024px) and (max-width: 1280px) {
  .restaurant-hero .hero-trust {
    gap: 8px;
  }

  .restaurant-hero .trust-chip {
    padding: 8px 12px; /* antes: 10px 14px aprox */
    font-size: 12px;   /* antes: 13px */
  }
}
.cta-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}