@font-face {
  font-family: 'Chakra Petch';
  src: url('/public/fonts/ChakraPetch-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Chakra Petch';
  src: url('/public/fonts/ChakraPetch-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Chakra Petch';
  src: url('/public/fonts/ChakraPetch-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Chakra Petch';
  src: url('/public/fonts/ChakraPetch-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545;--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px;--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-theme:#3cd2a5;--bs-secondary:#798e98;--bs-success:#3cd2a5;--bs-dark:#1A202D;--bs-white:#ffffff;--bs-light:#c0cacf;--bs-yellow:#ffd700;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:"Chakra Petch",sans-serif;--bs-body-font-size:0.875rem;--bs-body-font-weight:400}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color);font-size:calc(1.375rem + 1.5vw)}p{margin-top:0;margin-bottom:1rem}strong{font-weight:bolder}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}img{vertical-align:middle}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}.img-fluid{max-width:100%;height:auto}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){h1{font-size:2.5rem}.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}}.align-middle{vertical-align:middle!important}.overflow-hidden{overflow:hidden!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.top-0{top:0!important}.start-0{left:0!important}.h-100{height:100%!important}.flex-wrap{flex-wrap:wrap!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.mt-4{margin-top:1.5rem!important}.me-2{margin-right:.5rem!important}.ms-auto{margin-left:auto!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.gap-2{gap:.5rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}.text-uppercase{text-transform:uppercase!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}@media (min-width:768px){.px-md-5{padding-right:3rem!important;padding-left:3rem!important}}body{font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;padding:0;color:var(--bs-dark);overflow-x:hidden}body::after,body::before{content:"";position:fixed;background:repeating-linear-gradient(-10deg,red,red 1px,transparent 40px,transparent 40px);width:100px;height:100px;z-index:1000;transform:rotate(-5deg)}body::before{top:30px;right:-30px}@media (max-width:600px){body::after,body::before{width:60px}}@media (max-width:768px){.navbar-brand img{transform:scale(1);height:40px}.navbar .btn{font-size:.85rem;padding:8px 16px}}@media (max-width:625px){body::before{top:100px}}body::after{bottom:30px;left:-30px;transform:rotate(-5deg)}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.hero-section{display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;z-index:1}.navbar{position:absolute;top:0;left:0;width:100%;background:0 0!important;padding:1rem 0;z-index:2}.navbar img{height:60px}.navbar .btn{color:var(--bs-white);border-color:var(--bs-white)}.navbar .btn-primary{background-color:rgba(255,255,255,.2);border-color:var(--bs-white)}.hero-section{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#1a202d;text-align:center;position:relative;padding:0 20px}.hero-content{max-width:800px;width:100%;z-index:2}.hero-content h1{font-weight:700;font-size:2.5rem;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;text-wrap:balance;max-width:100%}@media (max-width:768px){.hero-content h1{font-size:1.7rem}}.hero-content p{color:#c0cacf;font-size:1rem;margin-bottom:1rem}.custom-btn-success{background-color:#3cd2a5;color:#000;font-size:1.15rem;padding:14px 36px;border-radius:40px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 6px rgba(60,210,165,.2);text-decoration:none}.btn-cta-entry{display:inline-block;background:linear-gradient(135deg,#c2f750 0,#a3d940 100%);color:#000;font-size:1.15rem;font-weight:700;border:none;border-radius:40px;padding:14px 36px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 6px rgba(194,247,80,.2);position:relative;overflow:hidden;z-index:1;text-decoration:none;animation:1.8s ease-in-out infinite pulseButton}@keyframes pulseButton{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:576px){.btn-uniforme{font-size:1rem;padding:10px 20px;border-radius:40px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-decoration:none;display:inline-block}.navbar .btn{font-size:.85rem;padding:6px 14px;min-width:auto}.navbar .container{flex-wrap:wrap!important;justify-content:space-between!important}.navbar-brand img{height:50px!important;width:auto}.hero-content .btn-uniforme{flex:0 0 45%!important;padding:10px!important;font-size:.9rem!important;min-width:auto!important;text-align:center}}
.solo-color {
  color: #a3f750; /* verde lima */
}
.icon-sm {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  flex-shrink: 0;
  color: #2de2c5; /* Verde menta de tu web */
  transition: transform 0.2s ease;
}
li {
  display: flex;
  align-items: center;
  gap: 6px;
}
li:hover .icon-sm {
  transform: scale(1.1);
}

@media (max-width: 767.98px) {
  .footer .col-md-4 {
    text-align: center !important;
  }
}

.footer-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}

.footer-links li {
  display: inline-block;
  margin-bottom: 0.4rem;
}

.price-new .decimals {
    font-size: 0.6em;

}

/* Fondo partículas detrás */
.seccion-precio { position: relative; }
#particles-price { position:absolute; inset:0; z-index:0; }

/* GRID: [1fr | tarjeta | 1fr] => tarjeta realmente centrada */
.precios-grid{
  display: grid;
  grid-template-columns: 1fr minmax(320px, 640px) 1fr; /* ancho máx. tarjeta */
  align-items: center;
  column-gap: clamp(10px, 2vw, 32px);
  z-index: 1; /* sobre el canvas de partículas */
  padding-block: clamp(24px, 6vh, 64px);
}

/* Columna del SVG a la izquierda, pegado al borde real del viewport */
.svg-col{
  justify-self: start;       /* alinea su contenido al borde izquierdo */
  padding-left: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* SVG más grande y responsivo */
.svg-decorativo,
.svg-decorativo-right {
  display: block;
  width: clamp(300px, 36vw, 620px);
  height: auto;
  max-height: clamp(260px, 48vh, 640px);
  object-fit: contain;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: none;
}


/* Tarjeta centrada de verdad */
.card-col{ justify-self: center; }
.pricing-card{ position: relative; z-index: 2; }

/* Móvil: solo tarjeta */
@media (max-width: 767.98px){
  .precios-grid{ grid-template-columns: 1fr; }
  .svg-col, .spacer-col{ display:none !important; }
  .card-col{ padding-inline: 1rem; }
}

/* ==== TABLET ONLY (768–1199px): 2 columnas 50/50, SVG izq + tarjeta dcha ==== */
@media (min-width: 768px) and (max-width: 1199.98px){
  .precios-grid{
    grid-template-columns: 45% 55%;   /* imagen 45%, tarjeta 55% */
    align-items: center;
    gap: clamp(12px, 2vw, 24px);
    padding-inline: clamp(8px, 2vw, 24px);
  }

  .svg-col{
    display: block !important;          /* mostrar SVG en tablet */
    justify-self: start;
    padding-left: 0 !important;
  }

  .svg-decorativo{
    width: 100%;                        /* llena su 50% */
    height: auto;
    max-height: 75vh;                   /* ajusta si lo quieres mayor/menor */
    object-fit: contain;
  }

  .spacer-col{ display: none !important; } /* sin tercera columna en tablet */

  .card-col{ justify-self: stretch; }
  .pricing-card{ width: 100%; height: 100%; }
}

/* ==== DESKTOP (≥1200px): volvemos al layout centrado 1fr | tarjeta | 1fr ==== */
@media (min-width: 1200px){
  .precios-grid{
    grid-template-columns: 1fr minmax(320px, 640px) 1fr;
    column-gap: clamp(10px, 2vw, 32px);
  }
  .svg-col{ display: block !important; }
  .spacer-col{ display: block !important; }
  .card-col{ justify-self: center; }
  .pricing-card{ width: auto; height: auto; }
  /* restaurar tamaño del SVG en desktop */
  .svg-decorativo{
    width: clamp(300px, 36vw, 620px);
    max-height: clamp(260px, 48vh, 640px);
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  

  /* Navbar siempre arriba */
  .navbar {
    z-index: 9999 !important;
    position: relative !important;
    width: 100% !important;
    flex-direction: row !important; /* mantiene el logo y menús en fila */
  }

  /* Hero debajo */
  .hero-section {
    display: block !important;   /* fuerza columna */
    height: auto !important;
    padding-top: 4rem !important;
  }

  .hero-content {
    margin-top: 0 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .hero-content h1 {
    font-size: 1.3rem !important;
    line-height: 1.2 !important;
  }
}