/* conchouso-landing-native.css — adaptaciones del diseño v2 al MARKUP NATIVO de Elementor.
   Se carga DESPUÉS de conchouso-landing-v2.css SOLO en la landing nativa.
   La mayoría de reglas v2 (sobre <h2>/<p>/<table>) ya funcionan porque Elementor
   renderiza tags reales; aquí van los deltas: botones, rejillas sobre .elementor-container,
   tarjetas sobre .elementor-widget-wrap, hero/band/cta, acordeón nativo y ancho de lectura. */

/* ===== ancho de lectura (las secciones de prosa perdieron .cc-narrow) ===== */
.cc-landing .cc-sec:not(.cc-band):not(.cc-contact2) > .elementor-container{max-width:var(--lmax);margin-inline:auto;padding-inline:var(--pad)}
.cc-landing .cc-sec > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:0}
.cc-native.cc-sec > .elementor-container{padding-block:clamp(2.4rem,5vh,4rem)}
/* jaula ancha para tablas / hijas / hero / band / cta / contacto */
.cc-landing .cc-tablew,.cc-landing .cc-hub-grid,.cc-landing .cc-lhero > .elementor-container,
.cc-landing .cc-band > .elementor-container,.cc-landing .cc-ctaband-in{max-width:var(--max)!important;margin-inline:auto}

/* ===== BOTONES nativos vestidos como .cc-btn ===== */
.cc-btnw{width:auto}
.cc-btnw a.elementor-button{display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;letter-spacing:.03em;
  padding:.95rem 1.6rem;border:1px solid var(--line-hover);background:none;color:var(--fg);font-weight:400;border-radius:0;
  box-shadow:none!important;transition:background .28s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.cc-btnw a.elementor-button:hover{border-color:var(--fg)}
.cc-btnw--wine a.elementor-button{background:#7B1E28;color:#F5F3EF;border-color:#7B1E28}
.cc-btnw--wine a.elementor-button:hover{background:#5c151d;border-color:#5c151d}
.cc-btnw--fill a.elementor-button{background:var(--fill-bg);color:var(--fill-fg);border-color:var(--fill-bg)}
.cc-btnw--alert a.elementor-button{background:#7B1E28;color:#F2F0EC;border:0;text-transform:uppercase;font-size:.8rem;letter-spacing:.09em;font-weight:500}
.cc-inlinectaw{margin-top:clamp(1.6rem,3vh,2.4rem)}
.cc-inlinectaw a.elementor-button::after{content:"→";opacity:.7;margin-left:.3rem}
/* fila de botones (hero, ctaband) lado a lado */
.cc-lhero .elementor-widget-button,.cc-ctaband .elementor-widget-button{display:inline-block;width:auto}

/* ===== HERO (bg por sección; contenido en la columna) ===== */
.cc-lhero{position:relative;overflow:hidden;min-height:clamp(33rem,82vh,50rem);isolation:isolate}
.cc-lhero > .elementor-container{position:relative;z-index:2;align-items:flex-end}
.cc-lhero > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:clamp(3rem,10vh,7rem) var(--pad) clamp(2.6rem,6vh,4rem);max-width:var(--max);margin-inline:auto;width:100%}
.cc-lhero .cc-crumbw{margin-bottom:1.4rem}
.cc-lhero h1.elementor-heading-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:500;letter-spacing:-.045em;line-height:1;max-width:16ch;color:#F5F3EF;text-shadow:0 2px 34px rgba(0,0,0,.5)}
.cc-lhero .elementor-widget-heading:first-of-type .elementor-heading-title::after{content:"";display:block;width:3.4rem;height:3px;background:#7B1E28;margin-top:1.4rem}
.cc-lhero .cc-leadw{margin-top:1.6rem;max-width:none;margin-bottom:.4rem}
.cc-lhero .cc-leadw p{font-size:1.2rem;line-height:1.55;color:#E7E5E0;text-shadow:0 1px 18px rgba(0,0,0,.6);max-width:48ch}
.cc-lhero .cc-btnw{margin-top:1.8rem;margin-right:.9rem;display:inline-block}
/* hero: cada widget (crumb/h1/lead) ocupa su fila; los botones caen a la fila siguiente (no se pegan al texto) */
.cc-lhero .elementor-widget-wrap > .elementor-widget:not(.elementor-widget-button){flex-basis:100%;width:100%}

/* ===== TRUST ===== */
.cc-trust2{border-block:1px solid var(--line)}
.cc-trust2-grid > .elementor-container{max-width:var(--max);margin-inline:auto;padding:clamp(1.4rem,3vh,2rem) var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 2.5rem}
.cc-trust2-grid .elementor-column{width:auto!important}
.cc-tk .elementor-heading-title{font-size:1.02rem;font-weight:500;color:var(--fg)}
.cc-ts p{font-size:.8rem;color:var(--fg-dim);margin:.2rem 0 0}
@media(max-width:820px){.cc-trust2-grid > .elementor-container{grid-template-columns:repeat(2,1fr)}}

/* ===== SPLIT ===== */
.cc-split-grid > .elementor-container{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad);gap:clamp(2rem,5vw,5rem);align-items:center}
.cc-figure .elementor-widget-image img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line);border-radius:20px;display:block}
.cc-figcap p{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#E7E5E0;margin-top:.6rem}
@media(max-width:860px){.cc-split-grid > .elementor-container{flex-direction:column}}

/* ===== STAT FIGS ===== */
.cc-figs-grid > .elementor-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:clamp(1rem,2vw,1.5rem)}
.cc-figs-grid .elementor-column{width:auto!important}
.cc-fig > .elementor-widget-wrap{border:1px solid var(--line);border-radius:18px;padding:1.5rem 1.6rem;background:var(--panel);position:relative;overflow:hidden}
.cc-fig > .elementor-widget-wrap::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#7B1E28}
.cc-fig-k p{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 .6rem}
.cc-fig-v .elementor-heading-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);line-height:.95;color:#F5F3EF}
.cc-fig-v .elementor-heading-title small{font-size:.44em;color:var(--fg-muted)}
.cc-fig-cap p{margin:.7rem 0 0;font-size:.92rem;color:var(--fg-muted);line-height:1.4}

/* ===== TRIAD ===== */
.cc-triad-grid > .elementor-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:tri}
.cc-triad-grid .elementor-column{width:auto!important}
.cc-triad-step > .elementor-widget-wrap{border-top:1px solid var(--line-hover);padding-top:1rem;counter-increment:tri}
.cc-triad-step > .elementor-widget-wrap::before{content:counter(tri,decimal-leading-zero);display:block;font-size:.78rem;color:var(--fg-dim);margin-bottom:.5rem}
.cc-triad-b .elementor-heading-title{font-weight:500;color:var(--fg);font-size:1.05rem}
@media(max-width:680px){.cc-triad-grid > .elementor-container{grid-template-columns:1fr}}

/* ===== STEPS ===== */
.cc-steps-grid > .elementor-container{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,1.8vw,1.4rem);counter-reset:st}
.cc-steps-grid .elementor-column{width:auto!important}
.cc-step > .elementor-widget-wrap{border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;background:var(--panel);counter-increment:st;height:100%}
.cc-step > .elementor-widget-wrap::before{content:counter(st,decimal-leading-zero);font-family:"Instrument Serif",serif;font-size:1.6rem;color:#9a4149;display:block;margin-bottom:.8rem}
.cc-step-t .elementor-heading-title{font-weight:500;color:var(--fg);font-size:1.08rem;margin-bottom:.5rem}
.cc-step-p p{margin:0;font-size:.96rem;color:var(--fg-muted);line-height:1.55}
@media(max-width:1200px){.cc-steps-grid > .elementor-container{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.cc-steps-grid > .elementor-container{grid-template-columns:1fr}}

/* ===== NOTE ===== */
.cc-note-wrap > .elementor-container{max-width:var(--lmax);margin-inline:auto}
.cc-note > .elementor-widget-wrap{border:1px solid var(--line);border-left:3px solid #7B1E28;border-radius:0 16px 16px 0;background:var(--panel);padding:1.5rem 1.7rem}
.cc-note-kw p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 .6rem}

/* ===== BAND ===== */
.cc-band{position:relative;min-height:clamp(19rem,40vh,26rem);display:flex;align-items:center;isolation:isolate}
.cc-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,10,.86),rgba(8,8,10,.5) 48%,rgba(8,8,10,.12) 76%)}
.cc-band > .elementor-container{position:relative;z-index:2;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.cc-band-lab p{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#CFCDC8;margin:0 0 1rem}
.cc-band-big .elementor-heading-title{font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.14;color:#F5F3EF;max-width:26ch}

/* ===== CTA BAND ===== */
.cc-ctaband{background:linear-gradient(100deg,#7B1E28,#5c151d)}
.cc-ctaband-in > .elementor-container{max-width:var(--max);margin-inline:auto;padding:clamp(2.4rem,5.5vh,3.8rem) var(--pad);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem 3rem}
.cc-ctaband-in .elementor-column{width:auto!important}
.cc-cta-k p{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,243,239,.72);margin:0 0 .8rem}
.cc-cta-t .elementor-heading-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.08;color:#F7F5F1}
.cc-ctaband .cc-btnw a.elementor-button{border-color:rgba(247,245,241,.55);color:#F7F5F1}
.cc-ctaband .cc-btnw--fill a.elementor-button{background:#F2F0EC;color:#0A0A0B;border-color:#F2F0EC}

/* ===== HUB (hijas) ===== */
.cc-hub-grid > .elementor-container{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(1rem,1.6vw,1.3rem)}
.cc-hub-grid .elementor-column{width:auto!important}
.cc-hubcard > .elementor-widget-wrap{border:1px solid var(--line);border-radius:18px;padding:1.4rem 1.5rem;background:var(--panel);min-height:11rem;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.cc-hubcard:hover > .elementor-widget-wrap{border-color:rgba(123,30,40,.55);transform:translateY(-4px)}
.cc-hc-art p{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);margin:0}
.cc-hc-t .elementor-heading-title{color:var(--fg);font-size:1.22rem;font-weight:500;line-height:1.14;margin-top:auto}
.cc-hc-s p{color:var(--fg-muted);font-size:.9rem;margin:.45rem 0 0}
@media(max-width:1200px){.cc-hub-grid > .elementor-container{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.cc-hub-grid > .elementor-container{grid-template-columns:repeat(2,1fr)}}

/* ===== FAQ acordeón nativo ===== */
.cc-faq-native .elementor-accordion{max-width:var(--lmax);margin-inline:auto}
.cc-faq-native .elementor-accordion-item{border:0;border-bottom:1px solid var(--line)}
.cc-faq-native .elementor-tab-title{padding:1.3rem .2rem;background:none!important}
.cc-faq-native .elementor-accordion-title{font-size:1.08rem;font-weight:500;color:var(--fg)!important}
.cc-faq-native .elementor-tab-content{background:none!important;border:0!important;padding:0 2.9rem 1.4rem .2rem;color:var(--fg-muted)}
.cc-faq-native .elementor-tab-content p{max-width:64ch;color:var(--fg-muted)}
.cc-faq-native .elementor-accordion-icon{color:var(--fg-dim)}

/* ===== CONTACTO ===== */
.cc-contact2{position:relative;isolation:isolate}
.cc-contact2::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,10,.94),rgba(8,8,10,.7) 52%,rgba(8,8,10,.45))}
.cc-contact-grid{position:relative;z-index:2}
.cc-contact-grid > .elementor-container{max-width:78rem;margin-inline:auto;padding:clamp(3.5rem,8vh,6rem) var(--pad);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.cc-contact-h .elementor-heading-title{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.02;color:#F5F3EF;max-width:14ch}
.cc-contact-lead p{color:#DCDAD5;font-size:1.08rem;line-height:1.6;max-width:42ch;margin-top:1.2rem}
@media(max-width:860px){.cc-contact-grid > .elementor-container{flex-direction:column}}

/* FIX doble-caja: en nativo la clase de tarjeta va en la COLUMNA; las reglas v2 la pintan
   además del widget-wrap -> resetear el estilo v2 en la columna (la tarjeta es el widget-wrap) */
.cc-landing .cc-fig,.cc-landing .cc-step,.cc-landing .cc-hubcard,.cc-landing .cc-note,.cc-landing .cc-triad-step{
  border:0!important;border-left:0!important;background:none!important;padding:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important}

/* FAQ pulido: icono a marca (Elementor lo pone verde por defecto), título sans, heading centrado */
.cc-faq-native .elementor-accordion-icon i,.cc-faq-native .elementor-accordion-icon svg{color:var(--fg-dim)!important;fill:var(--fg-dim)!important}
.cc-faq-native .elementor-active .elementor-accordion-icon i,.cc-faq-native .elementor-active .elementor-accordion-icon svg{color:var(--fg)!important;fill:var(--fg)!important}
.cc-faq-native .elementor-accordion-title{font-family:"Instrument Sans",system-ui,sans-serif!important}
.cc-faq-h .elementor-heading-title{text-align:center;max-width:none;margin-inline:auto}

/* proteger el chrome GLOBAL (nav/footer) del scope .cc-l aplicado al <body> de la landing nativa */
body.cc-l .nav a,body.cc-l .foot a,body.cc-l .foot__mark,body.cc-l .nav__24,body.cc-l .theme-toggle,body.cc-l .nav__brand{background-image:none!important}
body.cc-l .nav,body.cc-l .foot{color:var(--fg)}

/* apilar inner-sections en móvil */
@media(max-width:860px){.elementor-inner-section > .elementor-container:not([style*="grid"]){flex-direction:column}.elementor-inner-section > .elementor-container > .elementor-column{width:100%!important}}