

/* ==================================================
   PAGINAS COMERCIALES SECUNDARIAS
   ================================================== */

.pc-breadcrumbs {
  max-width:1180px;
  margin:auto;
  padding:24px 24px 0;
  display:flex;
  gap:9px;
  color:#64748b;
  font-size:.86rem;
}

.pc-breadcrumbs a {
  color:#06727c;
  font-weight:700;
  text-decoration:none;
}

.pc-intro {
  max-width:1180px;
  margin:auto;
  padding:64px 24px 72px;
}

.pc-eyebrow {
  display:inline-block;
  margin-bottom:13px;
  color:#06727c;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.pc-eyebrow-light {
  color:#b8f2f6;
}

.pc-intro h1 {
  max-width:800px;
  margin:0;
  color:#0b1f33;
  font-size:clamp(2.6rem,5vw,4.3rem);
  line-height:1.03;
  letter-spacing:-.045em;
}

.pc-intro > p {
  max-width:760px;
  margin:22px 0 0;
  color:#627d98;
  font-size:1.12rem;
  line-height:1.7;
}

.pc-pills {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:26px;
}

.pc-pills span {
  padding:8px 12px;
  border:1px solid #dce5eb;
  border-radius:999px;
  background:#f5f8fa;
  color:#243b53;
  font-size:.84rem;
  font-weight:700;
}

.pc-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}


/* EJEMPLOS */

.examples-page {
  background:#fff;
}

.examples-page > section:not(.pc-intro):not(.pc-final) {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.examples-page h2 {
  color:#0b1f33;
  letter-spacing:-.025em;
}

.examples-page h3 {
  color:#102a43;
}

.examples-page img {
  max-width:100%;
  height:auto;
}

.examples-page section {
  scroll-margin-top:100px;
}


/* SOBRE NOSOTROS */

.about-page-hero {
  padding-top:64px;
  padding-bottom:54px;
  background:#f5f8fa;
}

.about-page-hero h1 {
  color:#0b1f33;
  font-size:clamp(2.6rem,5vw,4rem);
  letter-spacing:-.04em;
}

.about-page {
  max-width:1180px !important;
  margin:auto !important;
  padding:68px 24px !important;
}

.about-page h2 {
  margin-top:42px;
  color:#0b1f33;
  font-size:clamp(1.7rem,3vw,2.4rem);
  letter-spacing:-.025em;
}

.about-page p {
  color:#526d82;
  line-height:1.75;
}

.about-trust {
  margin:64px 0;
  padding:42px;
  border:1px solid #dce5eb;
  border-radius:24px;
  background:#f5f8fa;
}

.about-trust > h2 {
  margin:0 0 14px;
}

.about-trust > p {
  max-width:760px;
}

.about-trust-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:32px;
}

.about-trust-grid article {
  padding:26px;
  border:1px solid #dce5eb;
  border-radius:17px;
  background:#fff;
}

.about-trust-grid article > span {
  color:#06727c;
  font-size:.78rem;
  font-weight:800;
}

.about-trust-grid h3 {
  margin:20px 0 10px;
  color:#102a43;
}

.about-trust-grid p {
  margin:0;
  font-size:.92rem;
}


/* CTA FINAL */

.pc-final {
  max-width:1180px;
  margin:78px auto;
  padding:46px 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  border-radius:26px;
  background:#0b1f33;
  color:#fff;
}

.pc-final h2 {
  margin:0;
  color:#fff !important;
  font-size:clamp(2rem,3vw,2.8rem);
}

.pc-final p {
  max-width:650px;
  margin:12px 0 0;
  color:#d7e5ee !important;
}

.pc-final-actions {
  display:flex;
  gap:10px;
  flex-shrink:0;
}

.pc-btn-light {
  background:#fff !important;
  border-color:#fff !important;
  color:#0b1f33 !important;
}


/* MOBILE */

@media(max-width:850px) {

  .about-trust-grid {
    grid-template-columns:1fr;
  }

  .pc-final {
    margin-left:18px;
    margin-right:18px;
    flex-direction:column;
    align-items:flex-start;
  }

  .pc-final-actions {
    flex-wrap:wrap;
  }
}

@media(max-width:560px) {

  .pc-intro {
    padding:48px 18px 58px;
  }

  .about-page {
    padding:54px 18px !important;
  }

  .about-trust {
    padding:28px 22px;
  }

  .pc-actions {
    flex-direction:column;
  }

  .pc-actions .btn {
    width:100%;
    text-align:center;
  }

  .pc-final {
    padding:32px 24px;
  }

  .pc-final-actions {
    width:100%;
    flex-direction:column;
  }

  .pc-final-actions .btn {
    width:100%;
    text-align:center;
  }
}


/* Sobre nosotros — apertura limpia */
.about-clean-intro {
  max-width: 820px;
  margin: 0 0 64px;
  padding: 28px 0 10px;
}

.about-clean-intro h1 {
  margin: 0;
  color: #0b1f33;
  font-size: clamp(2.8rem, 5vw, 4.5rem);
  line-height: 1.03;
  letter-spacing: -.045em;
}

.about-clean-intro p {
  max-width: 760px;
  margin: 22px 0 0;
  color: #627d98;
  font-size: 1.12rem;
  line-height: 1.75;
}

@media(max-width:560px) {
  .about-clean-intro {
    margin-bottom: 48px;
    padding-top: 12px;
  }
}


/* ==================================================
   PRECIOS
   ================================================== */

.price-hero,
.faq-hero {
  max-width:1180px;
  margin:auto;
  padding:64px 24px 74px;
}

.price-hero h1,
.faq-hero h1 {
  max-width:850px;
  margin:0;
  color:#0b1f33;
  font-size:clamp(2.7rem,5vw,4.4rem);
  line-height:1.03;
  letter-spacing:-.045em;
}

.price-hero > p,
.faq-hero > p {
  max-width:740px;
  margin:22px 0 0;
  color:#627d98;
  font-size:1.12rem;
  line-height:1.7;
}

.price-section,
.price-policy,
.faq-content {
  padding:80px 24px;
  background:#f5f8fa;
}

.price-heading,
.price-grid,
.policy-grid,
.faq-content-head,
.modern-faq-list {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.price-heading {
  margin-bottom:38px;
}

.price-heading h2,
.faq-content-head h2 {
  margin:0;
  color:#0b1f33;
  font-size:clamp(2rem,3.5vw,3rem);
  letter-spacing:-.03em;
}

.price-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.price-card {
  padding:28px;
  border:1px solid #dce5eb;
  border-radius:19px;
  background:#fff;
}

.price-featured {
  border-color:rgba(8,127,140,.5);
}

.price-label {
  color:#06727c;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.price-card h3 {
  margin:18px 0 10px;
  color:#102a43;
}

.price-card p {
  min-height:52px;
  color:#627d98;
  line-height:1.6;
}

.price-card > strong {
  display:block;
  margin:22px 0;
  color:#0b1f33;
  font-size:2rem;
}

.price-card .price-consult {
  font-size:1.5rem;
}

.price-card a {
  color:#06727c;
  font-weight:800;
  text-decoration:none;
}

.price-combo,
.faq-help {
  max-width:1180px;
  margin:78px auto;
  padding:46px 48px;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:40px;
  align-items:center;
  border-radius:26px;
  background:#0b1f33;
  color:#fff;
}

.price-combo h2,
.faq-help h2 {
  margin:0;
  color:#fff;
  font-size:clamp(2rem,3vw,2.8rem);
}

.price-combo p,
.faq-help p {
  color:#d7e5ee;
  line-height:1.65;
}

.price-combo-action {
  text-align:right;
}

.price-combo-action span,
.price-combo-action strong {
  display:block;
}

.price-combo-action span {
  color:#b8cad7;
}

.price-combo-action strong {
  margin:4px 0 18px;
  font-size:2.3rem;
}

.policy-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.policy-grid article {
  padding:27px;
  border:1px solid #dce5eb;
  border-radius:18px;
  background:#fff;
}

.policy-grid article > span {
  color:#06727c;
  font-size:.78rem;
  font-weight:800;
}

.policy-grid h3 {
  margin:20px 0 10px;
  color:#102a43;
}

.policy-grid p {
  color:#627d98;
  line-height:1.7;
}


/* ==================================================
   FAQ
   ================================================== */

.faq-content-head {
  margin-bottom:38px;
}

.faq-content-head > p {
  max-width:680px;
  color:#627d98;
  line-height:1.7;
}

.modern-faq-list {
  display:grid;
  gap:12px;
}

.modern-faq {
  border:1px solid #dce5eb;
  border-radius:15px;
  background:#fff;
}

.modern-faq summary {
  padding:21px 23px;
  color:#102a43;
  font-weight:800;
  cursor:pointer;
}

.modern-faq p {
  margin:0;
  padding:0 23px 23px;
  color:#627d98;
  line-height:1.7;
}

.faq-help {
  display:flex;
  justify-content:space-between;
}

.pc-authority {
  max-width:1180px;
  margin:40px auto 70px;
  padding:0 24px;
  color:#718096;
  font-size:.82rem;
}

.pc-authority a {
  color:#526d82;
}


/* RESPONSIVE */

@media(max-width:850px) {

  .price-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .price-combo {
    grid-template-columns:1fr;
    margin-left:18px;
    margin-right:18px;
  }

  .price-combo-action {
    text-align:left;
  }

  .faq-help {
    margin-left:18px;
    margin-right:18px;
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:560px) {

  .price-hero,
  .faq-hero {
    padding:48px 18px 58px;
  }

  .price-section,
  .price-policy,
  .faq-content {
    padding:64px 18px;
  }

  .price-grid,
  .policy-grid {
    grid-template-columns:1fr;
  }

  .price-combo,
  .faq-help {
    padding:32px 24px;
  }
}



/* ==================================================
   PRECIOS
   ================================================== */

.price-hero,
.faq-hero {
  max-width:1180px;
  margin:auto;
  padding:64px 24px 74px;
}

.price-hero h1,
.faq-hero h1 {
  max-width:850px;
  margin:0;
  color:#0b1f33;
  font-size:clamp(2.7rem,5vw,4.4rem);
  line-height:1.03;
  letter-spacing:-.045em;
}

.price-hero > p,
.faq-hero > p {
  max-width:740px;
  margin:22px 0 0;
  color:#627d98;
  font-size:1.12rem;
  line-height:1.7;
}

.price-section,
.price-policy,
.faq-content {
  padding:80px 24px;
  background:#f5f8fa;
}

.price-heading,
.price-grid,
.policy-grid,
.faq-content-head,
.modern-faq-list {
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

.price-heading {
  margin-bottom:38px;
}

.price-heading h2,
.faq-content-head h2 {
  margin:0;
  color:#0b1f33;
  font-size:clamp(2rem,3.5vw,3rem);
  letter-spacing:-.03em;
}

.price-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.price-card {
  padding:28px;
  border:1px solid #dce5eb;
  border-radius:19px;
  background:#fff;
}

.price-featured {
  border-color:rgba(8,127,140,.5);
}

.price-label {
  color:#06727c;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.price-card h3 {
  margin:18px 0 10px;
  color:#102a43;
}

.price-card p {
  min-height:52px;
  color:#627d98;
  line-height:1.6;
}

.price-card > strong {
  display:block;
  margin:22px 0;
  color:#0b1f33;
  font-size:2rem;
}

.price-card .price-consult {
  font-size:1.5rem;
}

.price-card a {
  color:#06727c;
  font-weight:800;
  text-decoration:none;
}

.price-combo,
.faq-help {
  max-width:1180px;
  margin:78px auto;
  padding:46px 48px;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  gap:40px;
  align-items:center;
  border-radius:26px;
  background:#0b1f33;
  color:#fff;
}

.price-combo h2,
.faq-help h2 {
  margin:0;
  color:#fff;
  font-size:clamp(2rem,3vw,2.8rem);
}

.price-combo p,
.faq-help p {
  color:#d7e5ee;
  line-height:1.65;
}

.price-combo-action {
  text-align:right;
}

.price-combo-action span,
.price-combo-action strong {
  display:block;
}

.price-combo-action span {
  color:#b8cad7;
}

.price-combo-action strong {
  margin:4px 0 18px;
  font-size:2.3rem;
}

.policy-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.policy-grid article {
  padding:27px;
  border:1px solid #dce5eb;
  border-radius:18px;
  background:#fff;
}

.policy-grid article > span {
  color:#06727c;
  font-size:.78rem;
  font-weight:800;
}

.policy-grid h3 {
  margin:20px 0 10px;
  color:#102a43;
}

.policy-grid p {
  color:#627d98;
  line-height:1.7;
}


/* ==================================================
   FAQ
   ================================================== */

.faq-content-head {
  margin-bottom:38px;
}

.faq-content-head > p {
  max-width:680px;
  color:#627d98;
  line-height:1.7;
}

.modern-faq-list {
  display:grid;
  gap:12px;
}

.modern-faq {
  border:1px solid #dce5eb;
  border-radius:15px;
  background:#fff;
}

.modern-faq summary {
  padding:21px 23px;
  color:#102a43;
  font-weight:800;
  cursor:pointer;
}

.modern-faq p {
  margin:0;
  padding:0 23px 23px;
  color:#627d98;
  line-height:1.7;
}

.faq-help {
  display:flex;
  justify-content:space-between;
}

.pc-authority {
  max-width:1180px;
  margin:40px auto 70px;
  padding:0 24px;
  color:#718096;
  font-size:.82rem;
}

.pc-authority a {
  color:#526d82;
}


/* RESPONSIVE */

@media(max-width:850px) {

  .price-grid {
    grid-template-columns:repeat(2,1fr);
  }

  .price-combo {
    grid-template-columns:1fr;
    margin-left:18px;
    margin-right:18px;
  }

  .price-combo-action {
    text-align:left;
  }

  .faq-help {
    margin-left:18px;
    margin-right:18px;
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:560px) {

  .price-hero,
  .faq-hero {
    padding:48px 18px 58px;
  }

  .price-section,
  .price-policy,
  .faq-content {
    padding:64px 18px;
  }

  .price-grid,
  .policy-grid {
    grid-template-columns:1fr;
  }

  .price-combo,
  .faq-help {
    padding:32px 24px;
  }
}


/* AUTO-COMERCIAL-UNIFORM-V2 */
.price-hero,.faq-hero{max-width:1180px;margin:auto;padding:64px 24px 74px}
.price-hero h1,.faq-hero h1{max-width:850px;margin:0;color:#0b1f33;font-size:clamp(2.7rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em}
.price-hero>p,.faq-hero>p{max-width:740px;margin:22px 0 0;color:#627d98;font-size:1.12rem;line-height:1.7}
.price-section,.price-policy,.faq-content{padding:80px 24px;background:#f5f8fa}
.price-heading,.price-grid,.policy-grid,.faq-content-head,.modern-faq-list{max-width:1180px;margin-left:auto;margin-right:auto}
.price-heading,.faq-content-head{margin-bottom:38px}
.price-heading h2,.faq-content-head h2{margin:0;color:#0b1f33;font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.03em}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{padding:28px;border:1px solid #dce5eb;border-radius:19px;background:#fff}
.price-featured{border-color:rgba(8,127,140,.5)}
.price-label{color:#06727c;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.price-card h3{margin:18px 0 10px;color:#102a43}.price-card p{min-height:52px;color:#627d98;line-height:1.6}
.price-card>strong{display:block;margin:22px 0;color:#0b1f33;font-size:2rem}.price-card .price-consult{font-size:1.5rem}
.price-card a{color:#06727c;font-weight:800;text-decoration:none}
.price-combo,.faq-help{max-width:1180px;margin:78px auto;padding:46px 48px;display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;border-radius:26px;background:#0b1f33;color:#fff}
.price-combo h2,.faq-help h2{margin:0;color:#fff;font-size:clamp(2rem,3vw,2.8rem)}
.price-combo p,.faq-help p{color:#d7e5ee;line-height:1.65}.price-combo-action{text-align:right}
.price-combo-action span,.price-combo-action strong{display:block}.price-combo-action strong{margin:4px 0 18px;font-size:2.3rem}
.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.policy-grid article{padding:27px;border:1px solid #dce5eb;border-radius:18px;background:#fff}
.modern-faq-list{display:grid;gap:12px}.modern-faq{border:1px solid #dce5eb;border-radius:15px;background:#fff}.modern-faq summary{padding:21px 23px;color:#102a43;font-weight:800;cursor:pointer}.modern-faq p{margin:0;padding:0 23px 23px;color:#627d98;line-height:1.7}
.faq-help{display:flex;justify-content:space-between}
.pc-authority{max-width:1180px;margin:40px auto 70px;padding:0 24px;color:#718096;font-size:.82rem}
@media(max-width:850px){.price-grid{grid-template-columns:repeat(2,1fr)}.price-combo{grid-template-columns:1fr;margin-left:18px;margin-right:18px}.price-combo-action{text-align:left}.faq-help{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.price-hero,.faq-hero{padding:48px 18px 58px}.price-section,.price-policy,.faq-content{padding:64px 18px}.price-grid,.policy-grid{grid-template-columns:1fr}.price-combo,.faq-help{padding:32px 24px}}
