.elementor-12878 .elementor-element.elementor-element-cc1a238{--display:flex;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-12878 .elementor-element.elementor-element-cc1a238:not(.elementor-motion-effects-element-type-background), .elementor-12878 .elementor-element.elementor-element-cc1a238 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12878 .elementor-element.elementor-element-cc1a238, .elementor-12878 .elementor-element.elementor-element-cc1a238::before{--border-transition:0.3s;}.elementor-12878 .elementor-element.elementor-element-c00c07f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-12878 .elementor-element.elementor-element-c00c07f{width:100%;max-width:100%;}.elementor-12878 .elementor-element.elementor-element-c00c07f .elementor-widget-container{transition:all 400ms;}.elementor-12878 .elementor-element.elementor-element-aa0b90e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-12878 .elementor-element.elementor-element-59e4582 .elementor-widget-container{transition:all 400ms;}/* Start custom CSS for html, class: .elementor-element-c00c07f *//* =============================
   STUDIOVAINILLA · LANDING ALIANZAS (LIGHT)
   CSS COMPLETO (Full-width + Gutters + A/B)
   Scope: #alianzas-sv
   ============================= */

/* --------- Variables --------- */
#alianzas-sv{
  /* Brand */
  --sv-color-primario:#F3B14B;      /* Dorado SV */
  --sv-color-secundario:#B37A17;    /* Dorado oscuro / enlaces */
  --sv-color-texto:#1A1A1A;
  --sv-color-fondo:#FFFFFF;
  --sv-color-suave:#F7F8FB;
  --sv-color-borde:#EAEFF5;

  /* Accentos/estado */
  --sv-success:#1a7f37;
  --sv-danger:#b00020;
  --sv-info:#1f6bff;

  /* Layout */
  --sv-radius:14px;
  --sv-radius-sm:10px;
  --sv-shadow:0 10px 30px rgba(0,0,0,.06);
  --sv-shadow-lg:0 12px 30px rgba(0,0,0,.10);

  /* Gutters laterales */
  --sv-gutter: 48px;        /* desktop */
  --sv-gutter-mobile: 20px; /* móviles */

  font-family:Inter,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--sv-color-texto);
  background:var(--sv-color-fondo);
}

/* --------- Enlaces, copy, helpers --------- */
#alianzas-sv a{color:var(--sv-color-secundario);text-decoration:none}
#alianzas-sv a:hover{text-decoration:underline}
#alianzas-sv .sv-muted{color:#5b5b5b}
#alianzas-sv .num{ text-align:right; font-variant-numeric: tabular-nums }
#alianzas-sv .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --------- Titulares --------- */
#alianzas-sv .sv-h1{font-size:42px;line-height:1.12;margin:12px 0 8px;font-weight:800}
#alianzas-sv h2{font-size:28px;line-height:1.22;margin:8px 0 14px;font-weight:900}
#alianzas-sv h3{font-size:20px;line-height:1.25;margin:8px 0 8px;font-weight:800}

/* --------- Contenedores --------- */
/* Wrap full-width (sin padding global); gutters por sección */
#alianzas-sv .sv-wrap{
  max-width:100%;
  margin:0;
  padding-left:0;
  padding-right:0;
}

#alianzas-sv .sv-section{
  position:relative;
  padding:48px 0;
  overflow:hidden;
  padding-left:var(--sv-gutter);
  padding-right:var(--sv-gutter);
}

/* --------- Hero (full-bleed) --------- */
#alianzas-sv .sv-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:center;
  padding:56px 0;
  background:linear-gradient(135deg,#fff5e5 0%,#ffffff 100%);
  border-bottom:4px solid var(--sv-color-primario);
  padding-left:var(--sv-gutter);
  padding-right:var(--sv-gutter);
}
#alianzas-sv .sv-badge{
  display:inline-flex;gap:8px;align-items:center;
  background:var(--sv-color-primario);color:#1c1a14;font-weight:800;
  padding:6px 12px;border-radius:999px
}
#alianzas-sv .sv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
#alianzas-sv .sv-kpi{padding:16px;background:#fff;border:1px solid var(--sv-color-borde);border-radius:12px;box-shadow:var(--sv-shadow)}
#alianzas-sv .sv-kpi .sv-big{font-size:26px;font-weight:800}

/* --------- Grids --------- */
#alianzas-sv .sv-grid{display:grid;gap:18px}
#alianzas-sv .sv-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#alianzas-sv .sv-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* --------- Tarjetas & Botones --------- */
#alianzas-sv .sv-card{
  background:var(--sv-color-suave);
  border:1px solid var(--sv-color-borde);
  border-radius:var(--sv-radius);
  padding:20px;
  box-shadow:var(--sv-shadow);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
#alianzas-sv .sv-card:hover{transform:translateY(-3px);box-shadow:var(--sv-shadow-lg);border-color:#e3e9f1}

#alianzas-sv .sv-btn{
  background:var(--sv-color-primario);
  color:#111;
  border:none;
  padding:12px 18px;
  border-radius:12px;
  font-weight:700;
  display:inline-block;
  cursor:pointer;
  transition:filter .25s ease,transform .08s ease, box-shadow .25s ease;
  box-shadow:0 8px 24px rgba(243,177,75,.25);
}
#alianzas-sv .sv-btn:hover{filter:brightness(.96)}
#alianzas-sv .sv-btn:active{transform:translateY(1px)}
#alianzas-sv .sv-btn.outline{
  background:transparent;
  border:2px solid var(--sv-color-secundario);
  color:var(--sv-color-secundario);
  box-shadow:none;
}
#alianzas-sv .sv-btn:focus{outline:2px solid rgba(243,177,75,.35);outline-offset:2px}

/* --------- Tabs (Modalidades) --------- */
#alianzas-sv .sv-tabs{display:flex;gap:10px;margin:10px 0 18px;flex-wrap:wrap}
#alianzas-sv .sv-tab{
  padding:10px 14px;border-radius:999px;border:1px solid var(--sv-color-borde);
  cursor:pointer;color:#6a6a6a;background:#fff;transition:all .2s;
  font-weight:700;
}
#alianzas-sv .sv-tab:hover{border-color:var(--sv-color-primario);color:#333}
#alianzas-sv .sv-tab.sv-active{background:var(--sv-color-primario);color:#1c1a14;border-color:transparent;box-shadow:0 6px 14px rgba(243,177,75,.25)}
#alianzas-sv .sv-flow{display:grid;gap:10px}
#alianzas-sv .sv-flow-item{
  display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--sv-color-borde);
  border-radius:12px;padding:12px
}
#alianzas-sv .sv-num{width:28px;height:28px;background:var(--sv-color-primario);color:#1c1a14;display:grid;place-items:center;border-radius:50%;font-weight:800}

/* --------- Pricing --------- */
#alianzas-sv .sv-price-card{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fff8ed 100%);
  border:2px solid var(--sv-color-primario)
}
#alianzas-sv .sv-badge-top{
  position:absolute;top:12px;right:-32px;transform:rotate(15deg);
  background:var(--sv-color-secundario);color:#fff;padding:8px 40px;font-weight:800
}
#alianzas-sv .sv-price{font-size:36px;font-weight:900;margin:12px 0}
#alianzas-sv .sv-price small{font-size:14px;color:#6a6a6a}
#alianzas-sv ul.sv-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#alianzas-sv ul.sv-list li{display:flex;gap:8px;align-items:flex-start}

/* --------- Tablas (A & B) --------- */
/* Base: tarjetas-tabla con filas separadas estilo "chips" y encabezado contrastado */
#alianzas-sv .sv-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 10px; /* gap entre filas */
}
#alianzas-sv .sv-table thead th{
  background:#fff;
  color:#333;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.3px;
  font-size:12.5px;
  padding:12px 10px;
  border-bottom:2px solid var(--sv-color-borde);
  text-align:center;
}
#alianzas-sv .sv-table tbody tr{
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.04));
}
#alianzas-sv .sv-table tbody td{
  background:#fff;
  border:1px solid var(--sv-color-borde);
  padding:14px 12px;
  text-align:center;
}
#alianzas-sv .sv-table tbody tr td:first-child{
  border-radius:12px 0 0 12px;
}
#alianzas-sv .sv-table tbody tr td:last-child{
  border-radius:0 12px 12px 0;
}
/* Zebra sutil dentro del "chip" */
#alianzas-sv .sv-table tbody tr:nth-child(even) td{
  background:#fffdf7;
}
/* Hover-row */
#alianzas-sv .sv-table tbody tr:hover td{
  border-color:#e3e9f1;
  background:#fffbe9;
}

/* Pills informativas (si quieres remarcar celdas) */
#alianzas-sv .sv-pill{
  display:inline-block;padding:6px 10px;border-radius:999px;
  background:#fff3d9;border:1px solid #ffe2a8;color:#7a5a10;font-weight:800;font-size:12px
}
#alianzas-sv .sv-pill.ok{background:#e8f5ec;border-color:#cfe9d6;color:#1a7f37}
#alianzas-sv .sv-pill.warn{background:#fff2e6;border-color:#ffd7bf;color:#b05a00}

/* --------- Bloque “Cómo funciona” (Tablas A y B) --------- */
#alianzas-sv #modelo .sv-card h3{display:flex;align-items:center;gap:8px}
#alianzas-sv #modelo .sv-card h3::after{
  content:"";flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,transparent,#e7edf6,transparent)
}

/* --------- Alcance (tarjetas) --------- */
#alianzas-sv #alcance .sv-card{background:#fff}
#alianzas-sv #alcance .sv-card:hover{transform:translateY(-4px);box-shadow:var(--sv-shadow-lg)}

/* --------- Operación --------- */
#alianzas-sv #operacion .sv-card{background:linear-gradient(180deg,#ffffff 0%,#fafbff 100%)}

/* --------- FAQs (details/summary) --------- */
#alianzas-sv .sv-faq details{
  border:1px solid var(--sv-color-borde);
  background:#fff;
  border-radius:12px;
  padding:12px 14px;
  box-shadow:var(--sv-shadow);
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#alianzas-sv .sv-faq details + details{margin-top:10px}
#alianzas-sv .sv-faq details[open]{background:#fffdf7;border-color:#f6e8c9}
#alianzas-sv .sv-faq summary{
  list-style:none; cursor:pointer; position:relative;
  padding-right:28px; font-weight:900; color:#2b2b2b;
}
#alianzas-sv .sv-faq summary::-webkit-details-marker{display:none}
#alianzas-sv .sv-faq summary::after{
  content:"▸"; position:absolute; right:2px; top:0; transform:translateY(2px); opacity:.6;
}
#alianzas-sv .sv-faq details[open] summary::after{content:"▾"}
#alianzas-sv .sv-faq p{margin:.5em 0 0;color:#5b5b5b}

/* --------- Secciones alternadas (full-bleed) --------- */
#alianzas-sv #modalidades{background:linear-gradient(180deg,#fff7ec 0%,#ffffff 100%)}
#alianzas-sv #precios{background:linear-gradient(180deg,#ffffff 0%,#fff7ec 100%)}
#alianzas-sv #modelo{background:linear-gradient(180deg,#fff7ec 0%,#ffffff 100%)}
#alianzas-sv #alcance{background:linear-gradient(180deg,#ffffff 0%,#fff7ec 100%)}
#alianzas-sv #operacion{background:linear-gradient(180deg,#fff7ec 0%,#ffffff 100%)}
#alianzas-sv #faq{background:linear-gradient(180deg,#ffffff 0%,#fff7ec 100%)}

/* --------- Divisores con ondas --------- */
#alianzas-sv .sv-section::before{
  content:"";
  position:absolute;left:0;right:0;top:-24px;height:24px;
  background-repeat:no-repeat;background-size:100% 24px;background-position:top center;
  opacity:.6;pointer-events:none
}
#alianzas-sv #modalidades::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C300,120 900,-120 1200,0 L1200,0 L0,0 Z' fill='%23F3B14B' opacity='0.18'/></svg>")}
#alianzas-sv #precios::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C400,120 800,-120 1200,0 L1200,0 L0,0 Z' fill='%23B37A17' opacity='0.12'/></svg>")}
#alianzas-sv #modelo::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C250,120 950,-120 1200,0 L1200,0 L0,0 Z' fill='%23F3B14B' opacity='0.18'/></svg>")}
#alianzas-sv #alcance::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C300,120 900,-120 1200,0 L1200,0 L0,0 Z' fill='%23B37A17' opacity='0.12'/></svg>")}
#alianzas-sv #operacion::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C350,120 850,-120 1200,0 L1200,0 L0,0 Z' fill='%23F3B14B' opacity='0.18'/></svg>")}
#alianzas-sv #faq::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1200 120'><path d='M0,0 C400,120 800,-120 1200,0 L1200,0 L0,0 Z' fill='%23B37A17' opacity='0.12'/></svg>")}

/* --------- Footer --------- */
#alianzas-sv footer{color:#777;font-size:14px;text-align:center;padding:24px}

/* --------- Responsive --------- */
@media(max-width:1200px){
  #alianzas-sv .sv-h1{font-size:38px}
}
@media(max-width:1000px){
  #alianzas-sv .sv-hero{grid-template-columns:1fr}
  #alianzas-sv .sv-grid-2,#alianzas-sv .sv-grid-3{grid-template-columns:1fr}
  #alianzas-sv .sv-h1{font-size:34px}
}
@media (max-width: 768px){
  /* Gutters móviles */
  #alianzas-sv .sv-section,
  #alianzas-sv .sv-hero{
    padding-left:var(--sv-gutter-mobile);
    padding-right:var(--sv-gutter-mobile);
  }
}

/* --------- Accesibilidad: focus visible --------- */
#alianzas-sv a:focus-visible,
#alianzas-sv button:focus-visible,
#alianzas-sv [role="tab"]:focus-visible,
#alianzas-sv summary:focus-visible{
  outline:2px solid rgba(31,107,255,.35);
  outline-offset:2px;
  border-radius:10px;
}/* End custom CSS */