.elementor-18164 .elementor-element.elementor-element-4f6f5c5{--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;}/* Start custom CSS for text-editor, class: .elementor-element-e48b374 *//* ===== ARC Helado Soft - Estilos para Elementor (scope .arc-helado) ===== */

/* Variables (se aplican a todo lo dentro del contenedor con clase .arc-helado) */
.arc-helado{
  --arc-ink:#132B4A;
  --arc-primary:#2E66C5;
  --arc-primary-600:#1F56B2;
  --arc-primary-300:#8EC5FF;
  --arc-accent:#4FB6F1;
  --arc-bg:#F7FBFF;
  --arc-card:#FFFFFF;
  --arc-muted:#5A6B82;
  --arc-border:#E4EEF9;
  --arc-gradient-1:linear-gradient(135deg,#E9F3FF 0%,#CFE6FF 45%,#BFE0FF 100%);
  --arc-gradient-2:linear-gradient(135deg,#8EC5FF 0%,#BFE0FF 100%);
  --radius:18px;

  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--arc-ink);
  background:var(--arc-bg);
  line-height:1.65;
}

/* Reset básico dentro del scope */
.arc-helado *{ box-sizing:border-box; }
.arc-helado img{ max-width:100%; height:auto; display:block; }
.arc-helado a{ color:var(--arc-primary-600); text-decoration:none; }
.arc-helado a:hover{ text-decoration:underline; }

/* Contenedor */
.arc-helado .container{
  max-width:1100px;
  margin:0 auto;
  padding:clamp(16px,2.5vw,28px);
}

/* HERO */
.arc-helado .hero{
  background:var(--arc-gradient-1);
  border-bottom:1px solid var(--arc-border);
  position:relative;
  overflow:hidden;
  min-height:70vh;
  display:flex;
  align-items:center;
}
.arc-helado .hero::before{
  content:'';
  position:absolute;
  width:150%;
  height:150%;
  background:
    radial-gradient(circle at 20% 80%,rgba(142,197,255,.3) 0%,transparent 50%),
    radial-gradient(circle at 80% 20%,rgba(79,182,241,.2) 0%,transparent 50%);
  animation:arc-float 20s ease-in-out infinite;
}
@keyframes arc-float{
  0%,100%{ transform:translate(0,0) rotate(0); }
  33%{ transform:translate(-20px,-20px) rotate(1deg); }
  66%{ transform:translate(20px,-10px) rotate(-1deg); }
}

.arc-helado .hero__wrap{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:center;
  position:relative;
  z-index:10;
}

/* Badge */
.arc-helado .badge{
  display:inline-flex; gap:8px; align-items:center;
  background:#ffffffcc; border:1px solid #ffffffaa; color:var(--arc-ink);
  padding:6px 12px; border-radius:999px; font-weight:700; font-size:.85rem;
  backdrop-filter:blur(4px); box-shadow:0 4px 12px rgba(19,43,74,.08);
}

/* Titulares y texto */
.arc-helado .h1{
  font-weight:900; letter-spacing:-.02em; line-height:1.15;
  margin:.5rem 0 1rem; color:var(--arc-primary-600);
  font-size:clamp(28px,4.2vw,44px);
}
.arc-helado .lead{
  color:var(--arc-muted);
  font-size:clamp(16px,2.2vw,18px);
  margin:0 0 1rem;
}

/* Stats */
.arc-helado .statbar{ display:flex; gap:16px; flex-wrap:wrap; margin-top:.5rem; }
.arc-helado .stat{
  background:#fff; border:1px solid var(--arc-border);
  border-radius:12px; padding:10px 14px; min-width:160px;
  box-shadow:0 6px 24px rgba(17,62,117,.06);
  transition:all .3s ease;
}
.arc-helado .stat:hover{ transform:translateY(-3px); box-shadow:0 10px 30px rgba(17,62,117,.1); }
.arc-helado .stat b{ font-size:1.15rem; color:var(--arc-primary-600); }

/* Card */
.arc-helado .card{
  background:var(--arc-card);
  border:1px solid var(--arc-border);
  border-radius:var(--radius);
  box-shadow:0 10px 40px rgba(17,62,117,.06);
  overflow:hidden; transition:all .3s ease;
}
.arc-helado .card:hover{ box-shadow:0 20px 60px rgba(17,62,117,.1); }
.arc-helado .card__body{ padding:clamp(16px,2.4vw,26px); }

/* H2/H3 y listas */
.arc-helado .h2{
  font-size:clamp(22px,3.5vw,28px); margin:0 0 .75rem;
  color:var(--arc-primary-600); font-weight:800;
}
.arc-helado .h3{
  font-size:clamp(18px,2.6vw,22px); margin:1.25rem 0 .5rem;
  color:var(--arc-ink); font-weight:800;
}
.arc-helado .list{ padding-left:1.2rem; margin:.25rem 0; }
.arc-helado .list li{ margin:.25rem 0; line-height:1.7; }
.arc-helado .pill{
  display:inline-block; background:var(--arc-primary-300); color:#0f3555;
  font-weight:700; padding:5px 10px; border-radius:999px; font-size:.85rem; margin-bottom:.75rem;
}

/* Sección multimedia */
.arc-helado .media{
  border-top:1px solid var(--arc-border);
  background:linear-gradient(180deg,#fff,#F3F8FF);
  padding:clamp(30px,5vw,50px) 0;
}
.arc-helado .media__grid{ display:grid; grid-template-columns:1fr; gap:18px; }
.arc-helado .media__cap{ color:var(--arc-muted); font-size:.9rem; margin-top:6px; }

/* Imagen zoomable */
.arc-helado .zoomable{ cursor:zoom-in; border-radius:14px; overflow:hidden; transition:transform .3s ease; }
.arc-helado .zoomable:hover{ transform:scale(1.02); }
.arc-helado .zoomable img{ width:100%; height:auto; display:block; }

/* Video responsivo */
.arc-helado .video-wrapper{ position:relative; border-radius:14px; overflow:hidden; background:#000; }
.arc-helado .video-wrapper video{
  width:100%; height:auto; display:block; border-radius:14px; outline:none;
}

/* CTA botones */
.arc-helado .cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:1rem; }
.arc-helado .btn{
  display:inline-flex; align-items:center; gap:10px; border-radius:12px; padding:12px 18px;
  font-weight:800; border:1px solid var(--arc-border); background:var(--arc-card);
  box-shadow:0 4px 18px rgba(17,62,117,.06); transition:all .3s ease; text-decoration:none;
}
.arc-helado .btn--primary{ background:var(--arc-primary); border-color:transparent; color:#fff; }
.arc-helado .btn--primary:hover{
  background:var(--arc-primary-600); transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(31,86,178,.3); text-decoration:none;
}
.arc-helado .btn--ghost{ background:#fff; color:var(--arc-primary-600); }
.arc-helado .btn--ghost:hover{
  background:var(--arc-bg); transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(17,62,117,.1); text-decoration:none;
}

/* FAQ */
.arc-helado .faq{ display:grid; gap:12px; }
.arc-helado .faq details{
  background:#fff; border:1px solid var(--arc-border); border-radius:12px; padding:12px 14px; transition:all .3s ease;
}
.arc-helado .faq details:hover{ box-shadow:0 4px 12px rgba(17,62,117,.08); }
.arc-helado .faq summary{
  cursor:pointer; font-weight:800; color:var(--arc-primary-600); list-style:none;
}
.arc-helado .faq summary::-webkit-details-marker{ display:none; }
.arc-helado .faq summary::before{
  content:'▶'; display:inline-block; margin-right:8px; transition:transform .3s ease; color:var(--arc-accent);
}
.arc-helado .faq details[open] summary::before{ transform:rotate(90deg); }
.arc-helado .faq p{ margin:.5rem 0 0; color:var(--arc-muted); }

/* Lightbox */
.arc-helado .lightbox{
  position:fixed; inset:0; background:rgba(0,0,0,.85);
  display:none; align-items:center; justify-content:center; padding:16px;
  z-index:99999; backdrop-filter:blur(4px);
}
.arc-helado .lightbox.is-open{ display:flex; }
.arc-helado .lightbox img{
  max-width:92vw; max-height:86vh; border-radius:14px; box-shadow:0 20px 80px rgba(0,0,0,.45);
}
.arc-helado .lightbox__close{
  position:absolute; top:16px; right:16px; background:rgba(255,255,255,.1); color:#fff;
  border:1px solid rgba(255,255,255,.3); border-radius:999px; font-size:28px; line-height:1;
  padding:4px 12px; cursor:pointer; transition:all .3s ease;
}
.arc-helado .lightbox__close:hover{ background:rgba(255,255,255,.2); transform:scale(1.1); }

/* Banner CTA WhatsApp */
.arc-helado .cta-banner{
  background:linear-gradient(135deg,#25D366 0%,#20BA5A 100%);
  border-radius:var(--radius);
  padding:clamp(24px,4vw,40px);
  box-shadow:0 12px 40px rgba(37,211,102,.25);
  border:2px solid rgba(255,255,255,.2);
  position:relative; overflow:hidden; margin:2rem 0;
}
.arc-helado .cta-banner::before{
  content:''; position:absolute; top:-50%; right:-10%; width:300px; height:300px;
  background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);
  border-radius:50%; animation:arc-pulse 3s ease-in-out infinite;
}
@keyframes arc-pulse{ 0%,100%{ transform:scale(1); opacity:.5;} 50%{ transform:scale(1.1); opacity:.8;} }

.arc-helado .cta-banner__content{ position:relative; z-index:10; color:#fff; }
.arc-helado .cta-banner__title{
  font-size:clamp(22px,3.5vw,32px); font-weight:900; margin-bottom:1rem; color:#fff;
}
.arc-helado .cta-banner__subtitle{ font-size:clamp(16px,2.2vw,18px); margin-bottom:1.5rem; opacity:.95; }

.arc-helado .process-steps{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; margin:1.5rem 0;
}
.arc-helado .process-step{
  background:rgba(255,255,255,.15); backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.3); border-radius:12px; padding:16px; transition:all .3s ease;
}
.arc-helado .process-step:hover{ background:rgba(255,255,255,.25); transform:translateY(-3px); }
.arc-helado .process-step__number{
  display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px;
  background:#fff; color:#25D366; border-radius:50%; font-weight:900; font-size:18px; margin-bottom:12px;
}
.arc-helado .process-step__title{ font-weight:800; font-size:16px; margin-bottom:6px; color:#fff; }
.arc-helado .process-step__text{ font-size:14px; color:rgba(255,255,255,.9); line-height:1.5; }

.arc-helado .whatsapp-btn{
  display:inline-flex; align-items:center; gap:12px; background:#fff; color:#25D366;
  padding:16px 32px; border-radius:50px; font-weight:800; font-size:clamp(16px,2vw,20px);
  text-decoration:none; box-shadow:0 8px 24px rgba(0,0,0,.15); transition:all .3s ease; border:none; cursor:pointer;
}
.arc-helado .whatsapp-btn:hover{ transform:translateY(-3px) scale(1.05); box-shadow:0 12px 32px rgba(0,0,0,.25); text-decoration:none; }
.arc-helado .whatsapp-icon{ font-size:28px; }

/* Responsive */
@media (max-width:980px){
  .arc-helado .hero__wrap{ grid-template-columns:1fr; }
  .arc-helado .media__grid{ gap:24px; }
  .arc-helado .process-steps{ grid-template-columns:1fr; gap:12px; }
  .arc-helado .cta-banner{ padding:20px; }
  .arc-helado .whatsapp-btn{ padding:14px 24px; font-size:16px; }
  .arc-helado .whatsapp-icon{ font-size:24px; }
}

/* Accesibilidad */
.arc-helado *:focus-visible{ outline:3px solid var(--arc-accent); outline-offset:2px; }

/* Animación entrada */
@keyframes arc-fadeInUp{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}
.arc-helado .animate-in{ animation:arc-fadeInUp .6s ease-out; }/* End custom CSS */