:root {
  /* ── Fondos (tema oscuro elevado y con más luz) ── */
  --color-bg-base: #1c1c1e;       /* Fondo oscuro suave, no negro puro */
  --color-bg-section: #2c2c2e;    /* Gris medio para secciones alternadas */
  --color-bg-header: #151517;     /* Header ligeramente más oscuro */
  --color-bg-card: #3a3a3c;       /* Tarjetas más luminosas */
  --color-bg-alt: #242426;        /* Fondo alternativo intermedio */
  --color-bg-alt2: #2e2e30;       /* Capas secundarias */

  /* ── Textos ── */
  --color-text-primary: #ffffff;  /* Blanco puro para máxima luminosidad */
  --color-text-secondary: #e5e5ea; /* Gris muy claro, excelente legibilidad */
  --color-text-muted: #98989d;    /* Gris medio para metadata */

  /* ── Naranja vibrante (el acento de toda la imagen) ── */
  --color-accent-primary: #ff6b00;    /* Naranja neón del sidebar activo */
  --color-accent-hover: #e55e00;      /* Naranja más oscuro para hover */
  --color-accent-light: rgba(255, 107, 0, 0.15); /* Fondo naranja translúcido para hover de tarjetas */

  /* ── Bordes y divisores ── */
  --color-border: #48484a;        /* Bordes más suaves y luminosos */
  --color-border-alt: #5c5c5e;    /* Bordes resaltados */
}


:root {
  --color-brand: var(--color-accent-primary);
  --color-brand-dark: var(--color-bg-alt2);
  --color-brand-deep: var(--color-bg-alt);
  --color-brand-soft: var(--color-bg-section);
  --color-accent: var(--color-border-alt);
  --color-accent-dark: var(--color-bg-alt2);
  --color-surface: var(--color-text-primary);
  --color-surface-muted: #f6f9fb;
  --color-text: #17212b;
  --color-text-muted: #5d6b78;
  --color-border: rgba(15, 23, 42, 0.12);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 18px 48px rgba(15, 23, 42, 0.16);
  --shadow-lg: 0 28px 70px rgba(15, 23, 42, 0.26);
  --space-section: clamp(56px, 8vw, 96px);
}

.header {
    background-image: url('images/fondo-lg.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

.proyecto-n {
  background-image: url('images/soft-company.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 220px;
}


.header-consultoria {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(images/consultoria.png);
  background-size: cover;
  height: 100vh;
}

.header-cls-n {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(images/soft-company.jpg);
  background-size: cover;
  height: 100vh;
}

.header-cls-terapp {
  background: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(images/fondo-lg.jpg);
  background-size: cover;
  height: 100vh;
}

.title-cls-n {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

.title-cls-terapp {
  padding-top: 60px;
}

.h1-cls-n  {
  margin: 0;
  font-size: 2.2rem;
  white-space: nowrap;
}

body {
    padding: 0;
    margin: 0;
    background: var(--color-accent-primary);
    line-height: 0;
    font-size: 1.2rem;
}

section{
  line-height: 1.5;
}

/*--- navigation bar ---*/
.navbar {
background:var(--color-accent-primary);
position: fixed; /* Set the navbar to fixed position */
top: 0; /* Position the navbar at the top of the page */
width: 100%; /* Full width */
}
/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.navbar a:hover {
  background: #ddd;
  color: black;
}
.nav-link,
.navbar-brand {
color: var(--color-text-primary);
cursor: pointer;
}
.nav-link {
margin-right: 1em !important;
}
.nav-link:hover {
color: #000;
}
.navbar-collapse {
justify-content: flex-end;
}

/*--- header ---*/

.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
}

.description {
    left: 50%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -55%);
    text-align: center;
  }

.description-cls {
  position: relative;
  text-align: center;
  color: var(--color-text-primary);
}

.description h1 {
    color: var(--color-text-primary);
}
.descriptionsec h1 {
  font-size: 1.8rem;
}

.descriptionsec h2 {
  font-size: 1.2rem;
}
.firstdescription p {
    color: var(--color-text-primary);
    font-size: 2.5rem;
    text-align: center;
    margin: 0.1em;
}

.firstdescription {
  font-size: 2.2rem;
  line-height: 1.5;
}

.description-cls h2 {
  color: var(--color-text-primary);
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 0.2em;
}

.description button {
    border:1px solid var(--color-accent-primary);
    background:var(--color-accent-primary);
    border-radius: 0;
    color:var(--color-text-primary);
  }
  .description button:hover {
    border:1px solid var(--color-text-primary);
    background:var(--color-text-primary);
    color:#000;
  }


  .features {
    margin: 4em auto;
    padding: 1em;
    position: relative;
    
  }
  .feature-title {
    color: #333;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  .features img {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
    margin-bottom: 16px;
  }

  .img-cls-montar {
    padding-top: 200px;
    background: url(../images/blog-mecanico-montar-l.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }

  .img-cls-administrar {
    padding-top: 200px;
    background: url(../images/blog-mecanico-llave-l.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }

  .img-cls-conservar {
    padding-top: 200px;
    background: url(../images/blog-mecanico-clienta-l.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }

  .img-cls-generar {
    padding-top: 200px;
    background: url(../images/blog-car-money-l.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }

  .img-cls-marketing {
    padding-top: 200px;
    background: url(../images/blog-marketing-l.jpg);
    background-position: center;
    background-repeat: no-repeat;
  }

  /*--- feauter section ---*/

.section-color{
  color: #515656;
}

.features-detail {
  background-color: var(--color-bg-base);
  color: #515656;
}

.features-title {
  color: #565151;
}

.features-admin {
  background-color: var(--color-bg-base);
  color: #515656;
  padding: 4em;
}

.features-padding {
  padding: 2em;
}

.features {
  margin: 4em auto;
  padding: 1em;
  position: relative;
}
.feature-title {
  color: #333;
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.features img {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  margin-bottom: 16px;
}

.features .form-control,
.features input {
    border-radius: 0;
}
.features .btn {
  background-color: var(--color-accent-primary);
  border: 1px solid #151616;
  color: rgb(255, 255, 255);
  margin-top: 20px;
}
.features .btn:hover {
  background-color: #333;
  border: 1px solid #333;

}

.features {
  text-align: center;
}

.cen{
  line-height: 1.5;
}

/***
*Carrusel
***/

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-size: 100%, 100%;
  border-radius: 50%;
  background-image: none;
  color: #1b1b19;
  margin: 100px;
}

.carousel-control-next-icon:after
{
  content: ">";
  font-size: 55px;
  color: #333;
}

.carousel-control-prev-icon:after {
  content: "<";
  font-size: 55px;
  color: #333;
}


.carrusel-color {
  color: var(--color-bg-base);
  background-color: #333;
  border: 1px solid rgb(168, 162, 162);
  margin: 20px;
}

.carrusel-height {
  max-height: 500px;
}

/***
*Price-area
***/

.price-area {
  background-color: var(--color-bg-base);

}

.price-table h3 {
  margin-bottom: 30px;
}

.price-table {
  padding: 50px 40px;
  border-radius: 2px;
  text-align: center;
  background-color: var(--color-text-primary);
  color: #515656;
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}

.price-table.active {
  padding: 70px 40px;
  margin-top: 0
}

.price-table ul {
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.price-table ul li {
  padding: 5px 0;
}

.price-table .price-info {
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #FBBF24;
  color: var(--color-text-primary);
  border-radius: 0 0 50% 50%;
  padding-bottom: 5px;
}

.button {
  display: inline-block;
  padding: 8px 30px;
  border-radius: 50px;
  color: var(--color-text-primary);
  background-color: #324147;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
  -webkit-box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
}

.contact .button {
  display: inline-block;
  padding: 8px 30px;
  border-radius: 50px;
  color: var(--color-text-primary);
  background-color: var(--color-bg-alt);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
  -webkit-box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
}

.button.white,
.button:hover {
  background-color: var(--color-text-primary);
  color: var(--color-accent-primary);
}
.button-mail:hover {
  background-color: var(--color-accent-primary);
  color: #242b2e;
}
.button.white:hover {
  background-color: var(--color-accent-primary);
  color: var(--color-text-primary);
}

.contact .button:hover{
  background-color: var(--color-text-primary);
  color: #212a2e;
}

.contact {
  max-width: 800px;
}

.button i {
  margin-left: 5px;
}

.aviso {
  color: rgb(204, 46, 46);
  }

/*--- page footer ---*/

.page-footer {
  background-color: var(--color-bg-section);
  color: #ccc;
  padding: 60px 0 30px;
}
.footer-copyright {
  color: #666;
  padding: 40px 0;
}

.blog-family{
  font-family: helvetica neue,Helvetica,Arial,sans-serif;
  font-style: italic;
}

.blog-style{
  text-align: left!important;
  font-size: 1.2rem;
}

/**
*Page title
**/

.page-title {
  margin-top: 40px;
  margin-bottom: 60px;
}

.page-title h2 {
  position: relative;
  margin-bottom: 20px;
  margin-top: 80px;
  padding-bottom: 20px;
}

.page-title h2:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
  width: 15px;
  height: 15px;
  font-size: 14px;
}

/**
*Box-style
**/

.detail {
  background-color: var(--color-accent-primary);
  padding: 60px 0 30px;
}

.box {
  padding: 50px 30px;
  text-align: center;
  -webkit-box-shadow: 0 0 0 0 var(--color-bg-base);
  box-shadow: 0 0 0 0 var(--color-bg-base);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 5px;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.box:hover {
  -webkit-box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1);
  background-color: var(--color-bg-base);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px)
}

.box h4 {
  text-transform: uppercase;
}

.box .box-icon {
  height: 160px;
  margin-bottom: 20px;
}

.box .box-icon img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.box:hover .box-icon img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}


/**
*Default Background Class
**/

.overlay-1:before,
.sky-bg {
    background: var(--color-border);
    background: -webkit-gradient(linear, left top, left bottom, from(var(--color-border)), to(var(--color-accent-primary)));
    background: linear-gradient(to bottom, var(--color-border) 0%, var(--color-accent-primary) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-border)', endColorstr='var(--color-accent-primary)', GradientType=0);
    color: var(--color-text-primary);
}

.gray-bg {
    background-color: var(--color-bg-section);
}

/*--- helper class --- */

input:focus,
button:focus,
a:focus,
a:hover {
    text-decoration: none;
    outline: none;
    color: #000000;
}

.back-blue{
    background-color: var(--color-accent-primary);
}

.back-withe{
  background-color: var(--color-bg-base);
}

.whatsapp {
  padding: 2em;
}

.flotante {
  position:fixed;
  width: 20px;
  height: 20px;
  left: 95%;
  top: 80%; 
  margin-left: -90px; /*half the width*/


}

/*--- Css Menu ----*/

.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: var(--color-accent-hover)b6;
  text-align: center;
}

/* The element at the top of the page right after the fixed navigation bar
   MUST have sufficient top margin or else it will be covered by the bar */
.content {
  margin-top: 20px;
}

/* Example responsive navigation menu  */
.fixed-nav-bar li, .fixed-nav-bar a { 
  height: 50px;
  line-height: 50px;
}
.menu {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
}
.menu a, .menu a:visited {
  color: var(--color-text-primary);
}
.menu a:hover, .menu a:target {
  color: #ebebeb;
}
.menu-items {
  display: inline-block;
}
.sitename {
  display: inline-block;
  margin-right: 20px;
  margin-left: 10px;
}
a.sitename, a:visited.sitename {
  color: var(--color-text-primary);
  font-size: 25px
;
}
.menu-items li {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.menu-items a {
  text-decoration: none;
}
.show, .hide {
  display: none;
  padding-left: 15px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center left;
  color: #dde1e2;
}

@media only screen and (max-width: 800px) {
  .menu { 
    position: relative;
    width: 100%;
  }
  .sitename {
    position: absolute;
    top: 0;
    left: 15px;
    margin-left: 0px;
  }
  .menu-items {
    display: none; 
    width: 100%;
    margin-top: 50px;
    background-color: #1f2544f2;
  }
  .menu-items li {
    display: block;
    text-align: center;
  }
  .show, .hide {  
    position: absolute;
    top: 0;
    right: 15px;
  }
  .show {
    display: inline-block;
  }
  .hide {
    display: none;
  }
  #menu:target .show {
    display: none;
  }
  #menu:target .hide, #menu:target .menu-items {
    display: inline-block;
  }
}

@media only screen and (max-width: 220px) {
  .sitename, .show, .hide {
    font-size: 14px;
  }
}


/*--- Css Slide --- */

/*---- NUMBER OF SLIDE CONFIGURATION ----*/
.wrapper {
  max-width: 60em;
  margin: 1em auto;
  position: relative;
}

.wrapper input {
  display: none;
}

.inner {
  width: 500%;
  line-height: 0;
}

article {
  width: 20%;
  float: left;
  position: relative;
}
article img {
  width: 100%;
}

/*---- SET UP CONTROL ----*/
.slider-prev-next-control {
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slider-prev-next-control label {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--color-text-primary);
  opacity: 0.7;
}
.slider-prev-next-control label:hover {
  opacity: 1;
}

.slider-dot-control {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}
.slider-dot-control label {
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #bbb;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.slider-dot-control label:hover {
  background: #ccc;
  border-color: #777;
}

/* Info Box */
.info {
  position: absolute;
  font-style: italic;
  line-height: 20px;
  opacity: 0;
  color: #000;
  text-align: left;
  -webkit-transition: all 1000ms ease-out 600ms;
  -moz-transition: all 1000ms ease-out 600ms;
  transition: all 1000ms ease-out 600ms;
}
.info h3 {
  color: #fcfff4;
  margin: 0 0 5px;
  font-weight: normal;
  font-size: 1.5em;
  font-style: normal;
}
.info.top-left {
  top: 30px;
  left: 30px;
}
.info.top-right {
  top: 30px;
  right: 30px;
}
.info.bottom-left {
  bottom: 30px;
  left: 30px;
}
.info.bottom-right {
  bottom: 30px;
  right: 30px;
}

/* Slider Styling */
.slider-wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 1px 1px 4px #666;
  background: var(--color-text-primary);
  background: #fcfff4;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.slider-wrapper .inner {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}

/*
.cc_dialog_text { 
  font-size: 12px !important;
  
}

.cc_dialog .cc_dialog_headline{
  font-size: 14px !important;
}

.cc_dialog {
  padding: 1rem !important;
}

.cc_css_reboot {
  line-height: 1 !important;
}

.cc_css_reboot button {
  padding: .1rem 1rem !important;
}
*/

/*---- SET POSITION FOR SLIDE ----*/
#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin: 0;
  line-height: 38px;
  font-size: 3em;
  display: block;
  color: #777;
}

#slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after {
  content: ">";
  padding-left: 15px;
}

#slide5:checked ~ .slider-prev-next-control label:nth-child(1), #slide4:checked ~ .slider-prev-next-control label:nth-child(5), #slide3:checked ~ .slider-prev-next-control label:nth-child(4), #slide2:checked ~ .slider-prev-next-control label:nth-child(3), #slide1:checked ~ .slider-prev-next-control label:nth-child(2) {
  display: block;
  float: right;
  margin-right: 5px;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(5), #slide5:checked ~ .slider-prev-next-control label:nth-child(4), #slide4:checked ~ .slider-prev-next-control label:nth-child(3), #slide3:checked ~ .slider-prev-next-control label:nth-child(2), #slide2:checked ~ .slider-prev-next-control label:nth-child(1) {
  display: block;
  float: left;
  margin-left: 5px;
}

#slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after, #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after, #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after, #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after, #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after {
  content: "<";
  padding-left: 8px;
}

#slide5:checked ~ .slider-dot-control label:nth-child(5), #slide4:checked ~ .slider-dot-control label:nth-child(4), #slide3:checked ~ .slider-dot-control label:nth-child(3), #slide2:checked ~ .slider-dot-control label:nth-child(2), #slide1:checked ~ .slider-dot-control label:nth-child(1) {
  background: #333;
}

#slide5:checked ~ .slider-wrapper article:nth-child(5) .info, #slide4:checked ~ .slider-wrapper article:nth-child(4) .info, #slide3:checked ~ .slider-wrapper article:nth-child(3) .info, #slide2:checked ~ .slider-wrapper article:nth-child(2) .info, #slide1:checked ~ .slider-wrapper article:nth-child(1) .info {
  opacity: 1;
}

#slide1:checked ~ .slider-wrapper .inner {
  margin-left: 0%;
}
#slide2:checked ~ .slider-wrapper .inner {
  margin-left: -100%;
}
#slide3:checked ~ .slider-wrapper .inner {
  margin-left: -200%;
}
#slide4:checked ~ .slider-wrapper .inner {
  margin-left: -300%;
}
#slide5:checked ~ .slider-wrapper .inner {
  margin-left: -400%;
}
/*---- TABLET ----*/
@media only screen and (max-width: 850px) and (min-width: 450px) {
  .slider-wrapper {
    border-radius: 0;
  }
}
/*---- MOBILE----*/
@media only screen and (max-width: 450px) {
  .slider-wrapper {
    border-radius: 0;
  }

  .slider-wrapper .info {
    opacity: 0;
  }
}




/*--- media queries ---*/

  @media (max-width: 575.98px) {
    .description {
      left: 0;
      padding: 0 15px;
      position: absolute;
      top: 10%;
      transform: none;
      text-align: center;
    }
    
    .description h1 {
      font-size: 2em;
    }

    .descriptionsec h1 {
      font-size: 1.2em;
    }
    
    .description p {
      font-size: 2.5rem;
    }
    
    .features {
      margin: 0;
    }
}


@font-face{
  font-family:FontAwesome;
  font-display: fallback;
  src:url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);
}


/* Compacto el alto y evito cortes en la 1ª línea */
.price-table .tier{ margin:6px 0; }
.price-table .tier-line{
  display:inline-flex;
  align-items:baseline;
  justify-content:center;
  column-gap:.4rem;
  white-space:nowrap;           /* <— NO se parte en el medio */
}
.price-table .tier-name{ font-weight:700; }
.price-table .tier-users{ color:#6b7280; margin-left:.25rem; }
.price-table .tier-price{ font-weight:700; font-variant-numeric:tabular-nums; }

/* 2ª línea, sutil y pegada */
.price-table .tier-meta{
  display:block;
  margin-top:2px;               /* <— pegado a la 1ª línea */
  color:#6b7280;
  text-align:center;
}

/* En móviles angostos, permito que la 1ª línea baje prolija */
@media (max-width:480px){
  .price-table .tier-line{ white-space:normal; flex-wrap:wrap; row-gap:2px; }
}


/* ====== Card ====== */
.price-table .cen{
  display:flex; flex-direction:column; align-items:center; text-align:center;
}

/* ====== Títulos ====== */
.price-title{ letter-spacing:.5px; margin-bottom:4px; }
.amount .big{ white-space:nowrap; }

/* ====== Logo pasarela ====== */
.gateway-logo img{
  height:34px; width:auto; margin:10px 0 14px; display:block;
}

/* ====== Lista de planes ====== */
.tiers{
  width:100%; max-width:420px; margin:0 auto 10px; padding:0; list-style:none;
  display:grid; row-gap:10px; justify-items:center;
}

/* Cada fila: 1) línea principal (nombre/usuarios vs precio) 2) meta */
.tier{ display:grid; row-gap:2px; width:100%; }

/* Línea principal en grid 2 columnas auto (centradas en el card) */
.tier-line{
  display:grid;
  grid-template-columns: auto auto;
  column-gap:12px;
  justify-content:center;              /* centra el conjunto dentro del card */
  align-items:baseline;
  white-space:nowrap;                  /* evita cortes raros */
}

.tier-left{ color:#111; }
.tier-name{ font-weight:700; margin-right:.25rem; }
.tier-users{ color:#6b7280; }
.tier-price{
  font-weight:700;
  font-variant-numeric:tabular-nums;   /* montos prolijos */
}

/* Segunda línea: beneficio */
.tier-meta{
  color:#6b7280;
  font-size:.95em;
}

/* Compactar un toque en pantallas chicas */
@media (max-width:480px){
  .tier-line{ white-space:normal; }
}


.price-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.price-row h4 {
    margin: 0;
}

.price-row .gateway-logo img {
    height: 24px;
    /* ajustá según tu logo */
}

.hero-actions {
    margin-top: 28px;
}

.hero-actions .btn {
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;

    background: var(--color-border-alt); /* podés ajustar a tu color */
    color: var(--color-text-primary);
    border: none;

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    transition: all 0.25s ease;
    display: inline-block;
}

.hero-actions .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.35);
    opacity: 0.95;
}

.hero-actions .btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.descriptionsec .hero-proof {
    font-size: 16px !important;
}

.hero-proof {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 14px;
    border-radius: 999px;

    background: rgba(0, 0, 0, 0.6);
    color: var(--color-text-primary);

    backdrop-filter: blur(4px);

    max-width: 90%;
    white-space: normal;
    text-align: center;
}

html {
  scroll-behavior: smooth;
}

@media (max-width: 768px) {
    .hero-actions .btn {
        display: block;
        width: calc(100% - 40px);
        margin: 0 auto;
        padding: 14px 18px;
        font-size: 18px;
        line-height: 1.3;
    }
}
.hero-subtitle {
    display: inline-block;
    max-width: 900px;
    margin: 18px auto 0;
    padding: 14px 20px;
    box-sizing: border-box;

    font-size: 22px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-text-primary);
    text-align: center;

    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    border-radius: 14px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}


@media (max-width: 768px) {
    .descriptionsec {
        padding: 0 12px;
    }

    .descriptionsec h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    .hero-subtitle {
        width: 100%;
        max-width: 100%;
        margin: 14px 0 0;
        padding: 12px 14px;
        font-size: 17px;
        line-height: 1.4;
        border-radius: 12px;
    }

    .hero-btn {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 14px 16px;
        font-size: 16px;
        line-height: 1.3;
    }
}

@media (max-width: 768px) {
    .title-cls-terapp {
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }
}

.slider-wrapper {
  aspect-ratio: 16 / 9;
}

article img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.license-subtitle {
  margin-top: 16px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  border-left: 3px solid #f5b400;
  padding-left: 8px;
}

.license-extra {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

.price-table ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
}

.price-table li {
  margin-bottom: 6px;
  line-height: 1.4;
}


.license-list {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 18px; /* 👈 clave */
  list-style: disc;
}

.license-list li {
  margin-bottom: 6px;
  line-height: 1.45;
}

.license-list li::marker {
  color: #6b7280; /* gris moderno */
}

.license-list li::before {
  content: "•";
  color: #6b7280;
  margin-right: 8px;
}



.pricing-switch {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.pricing-tab {
    border: 1px solid #ddd;
    background: var(--color-text-primary);
    padding: 10px 16px;
    border-radius: 999px;
    cursor: pointer;
    font-weight: 600;
}

.pricing-tab.active {
    background: #111;
    color: var(--color-text-primary);
    border-color: #111;
}

/* Desktop: ocultar switch */
@media (min-width: 768px) {
    .pricing-switch {
        display: none;
    }
}



/* Mobile: permitir reordenamiento */
@media (max-width: 767px) {
    #obtener {
        display: flex;
        flex-direction: column;
    }

    .pricing-world.order-first,
    .pricing-arg.order-first {
        order: 1;
    }

    .pricing-world.order-second,
    .pricing-arg.order-second {
        order: 2;
    }
}

/* First-stage TerApp visual refresh */
body.terapp-landing {
  background: var(--color-surface-muted);
  color: var(--color-text);
  line-height: 1.5;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body.terapp-landing a {
  color: var(--color-brand);
}

body.terapp-landing button:focus,
body.terapp-landing a:focus,
body.terapp-landing input:focus {
  outline: 3px solid rgba(255, 107, 0, 0.35);
  outline-offset: 3px;
}

body.terapp-landing.reveal-ready .reveal-on-scroll {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

body.terapp-landing.reveal-ready .reveal-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  body.terapp-landing.reveal-ready .reveal-on-scroll {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

body.terapp-landing .fixed-nav-bar {
  height: 64px;
  background: rgba(15, 23, 42, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.terapp-landing .fixed-nav-bar li,
body.terapp-landing .fixed-nav-bar a {
  height: 64px;
  line-height: 64px;
}

body.terapp-landing .menu {
  max-width: 1180px;
}

body.terapp-landing a.sitename,
body.terapp-landing a:visited.sitename {
  color: rgba(250, 253, 255, 0.96);
  font-size: 22px;
  font-weight: 700;
  text-shadow: 0 1px 12px rgba(15, 23, 42, 0.28);
}

body.terapp-landing .menu-items a {
  color: rgba(17, 24, 39, 0.88);
  border-radius: 999px;
  padding: 0 10px;
  font-weight: 650;
  text-shadow: 0 1px 10px rgba(15, 23, 42, 0.22);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.terapp-landing .menu-items a:visited {
  color: rgba(17, 24, 39, 0.88);
}

body.terapp-landing .menu-items a:hover,
body.terapp-landing .menu-items a:focus {
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-text-primary);
  text-shadow: none;
}

body.terapp-landing .header-cls-terapp {
  min-height: 100vh;
  height: auto;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 20%, rgba(51, 65, 85, 0.42), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.88)),
    url(images/fondo-lg.jpg);
  background-size: cover;
  background-position: center;
}

body.terapp-landing .app-hero-shell {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 124px 0 64px;
  text-align: left;
}

body.terapp-landing .app-hero-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.92fr);
  align-items: center;
  gap: clamp(32px, 5vw, 72px);
}

body.terapp-landing .app-hero-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
  padding: 9px 16px 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.terapp-landing .app-hero-brand img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

body.terapp-landing .app-hero-brand .firstdescription {
  margin: 0;
  padding: 0 !important;
  font-size: 22px;
  line-height: 1;
}

body.terapp-landing .hero-kicker {
  display: inline-flex;
  margin: 0 0 14px;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--color-bg-alt2);
  background: rgba(51, 65, 85, 0.16);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

body.terapp-landing .descriptionsec h1 {
  max-width: 720px;
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1.04;
  font-weight: 800;
  text-wrap: balance;
}

body.terapp-landing .hero-subtitle {
  display: block;
  max-width: 680px;
  margin: 22px 0 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.55;
  font-weight: 500;
  text-align: left;
  text-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.terapp-landing .hero-actions {
  margin-top: 30px;
}

body.terapp-landing .hero-actions .btn {
  min-height: 54px;
  padding: 15px 28px;
  border: 0;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, var(--color-accent), #ff8a2a);
  color: var(--color-text-primary);
  box-shadow: 0 16px 34px rgba(255, 107, 0, 0.28);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.terapp-landing .hero-actions .btn:hover,
body.terapp-landing .hero-actions .btn:focus {
  transform: translateY(-2px);
  background: linear-gradient(135deg, var(--color-accent-dark), #9CA3AF);
  color: var(--color-text-primary);
  box-shadow: 0 20px 42px rgba(255, 107, 0, 0.36);
}

body.terapp-landing .hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

body.terapp-landing .hero-trust span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.84);
  background: rgba(255, 255, 255, 0.08);
  font-size: 14px;
  font-weight: 700;
}

body.terapp-landing .app-hero-product {
  position: relative;
}

body.terapp-landing .app-hero-product::before {
  content: "";
  position: absolute;
  inset: 12% -8% -10% 10%;
  border-radius: 34px;
  background: rgba(51, 65, 85, 0.36);
  filter: blur(34px);
}

body.terapp-landing .product-window {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-lg);
  background: #101820;
  box-shadow: var(--shadow-lg);
  transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
}

body.terapp-landing .product-window-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.08);
}

body.terapp-landing .product-window-bar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
}

body.terapp-landing .product-window img {
  display: block;
  width: 100%;
  height: auto;
}

body.terapp-landing .features-detail,
body.terapp-landing .price-area {
  background: var(--color-surface-muted);
  color: var(--color-text);
}

body.terapp-landing .features-padding {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: var(--space-section) 0;
}

body.terapp-landing .page-title {
  max-width: 900px;
  margin: 0 auto 48px;
}

body.terapp-landing .page-title h2 {
  margin-top: 0;
  color: var(--color-text);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 800;
}

body.terapp-landing .page-title p {
  color: var(--color-text-muted);
  font-size: 18px;
  line-height: 1.7;
}

body.terapp-landing .box {
  min-height: 100%;
  margin-bottom: 26px;
  padding: 32px 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
  text-align: left;
}

body.terapp-landing .box:hover {
  background: var(--color-surface);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

body.terapp-landing .box .box-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 86px;
  margin-bottom: 18px;
}

body.terapp-landing .box .box-icon img {
  max-width: 104px;
  max-height: 74px;
  width: auto;
  height: auto;
  filter: none;
}

body.terapp-landing .box h3 {
  margin: 0 0 10px;
  color: var(--color-text);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 800;
}

body.terapp-landing .box p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 16px;
  line-height: 1.6;
}

body.terapp-landing .price-table {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

body.terapp-landing .button {
  min-height: 44px;
  padding: 11px 24px;
  border-radius: var(--radius-sm);
  background: var(--color-brand-deep);
  font-weight: 800;
}

body.terapp-landing .button:hover,
body.terapp-landing .button:focus {
  background: var(--color-brand);
  color: var(--color-text-primary);
}

body.terapp-landing .gateway-logo img {
  height: 36px;
  width: auto;
  margin: 8px 0 12px;
}

body.terapp-landing .tiers {
  width: 100%;
  max-width: 360px;
  text-align: left;
  margin: 0 auto 12px;
}

body.terapp-landing .tiers li {
  margin: 4px 0;
}

body.terapp-landing .cta-wrap {
  margin: 16px 0 12px;
}

body.terapp-landing .price-title {
  letter-spacing: 0.5px;
}

body.terapp-landing .amount .big {
  white-space: nowrap;
}

body.terapp-landing .pricing-heading {
  margin-bottom: 34px;
}

body.terapp-landing .license-overview {
  overflow: hidden;
  margin-bottom: 34px;
  padding: clamp(30px, 5vw, 54px);
}

body.terapp-landing .license-overview .cen {
  align-items: stretch;
  text-align: left;
}

body.terapp-landing .license-overview .price-info,
body.terapp-landing .pricing-plan-card .price-info {
  display: none;
}

body.terapp-landing .license-header {
  display: grid;
  gap: 10px;
  max-width: 760px;
  margin-bottom: 24px;
}

body.terapp-landing .license-header .price-title {
  margin: 0;
  color: var(--color-text);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: 0;
}

body.terapp-landing .license-header p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 18px;
  line-height: 1.6;
}

body.terapp-landing .license-badge {
  display: inline-flex;
  width: fit-content;
  padding: 7px 12px;
  border: 1px solid rgba(51, 65, 85, 0.18);
  border-radius: 999px;
  background: rgba(51, 65, 85, 0.08);
  color: var(--color-brand-dark);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

body.terapp-landing .trust-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 26px;
}

body.terapp-landing .trust-strip span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: var(--color-text);
  font-size: 14px;
  font-weight: 750;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

body.terapp-landing .license-feature-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
  gap: 18px;
}

body.terapp-landing .license-feature-card {
  padding: 22px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
}

body.terapp-landing .license-feature-card:first-child {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, rgba(42, 163, 101, 0.12), var(--color-text-primary));
  border-color: rgba(42, 163, 101, 0.24);
}

body.terapp-landing .license-feature-card:first-child .license-subtitle {
  margin-bottom: 12px;
}

body.terapp-landing .license-feature-card:first-child .license-list {
  max-width: none;
}

body.terapp-landing .license-feature-card:nth-child(1) {
  order: 1;
}

body.terapp-landing .license-feature-card:nth-child(2) {
  order: 2;
}

body.terapp-landing .license-feature-card:nth-child(4) {
  order: 3;
}

body.terapp-landing .license-feature-card:nth-child(3) {
  order: 4;
  grid-column: 1 / -1;
}

body.terapp-landing .license-subtitle {
  margin: 0 0 12px;
  padding-left: 0;
  border-left: 0;
  color: var(--color-text);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 850;
}

body.terapp-landing .license-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 0;
}

body.terapp-landing .license-list li {
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr);
  column-gap: 9px;
  align-items: start;
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.5;
}

body.terapp-landing .license-item-copy {
  min-width: 0;
}

body.terapp-landing .license-list li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  width: 19px;
  height: 19px;
  margin-top: 0.15em;
  border-radius: 999px;
  background: rgba(42, 163, 101, 0.12);
  color: #2aa365;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

body.terapp-landing .license-list li::marker {
  content: "";
}

body.terapp-landing .license-list a {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin: 0 1px;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(51, 65, 85, 0.09);
  color: var(--color-brand-dark);
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.terapp-landing .license-list a:hover,
body.terapp-landing .license-list a:focus {
  background: rgba(51, 65, 85, 0.16);
  color: var(--color-brand-deep);
  text-decoration: none;
  box-shadow: 0 0 0 3px rgba(51, 65, 85, 0.1);
}

body.terapp-landing .new-feature-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(42, 163, 101, 0.12);
  color: #247f50;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: 0;
  vertical-align: 0.08em;
  white-space: nowrap;
}

body.terapp-landing #obtener {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

body.terapp-landing #obtener::before,
body.terapp-landing #obtener::after {
  display: none;
}

body.terapp-landing .pricing-col {
  display: flex;
}

body.terapp-landing .pricing-world.order-first,
body.terapp-landing .pricing-arg.order-first {
  order: 1;
}

body.terapp-landing .pricing-world.order-second,
body.terapp-landing .pricing-arg.order-second {
  order: 2;
}

body.terapp-landing .pricing-plan-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 28px;
  padding: 34px 28px;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-md);
}

body.terapp-landing .pricing-plan-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, var(--color-brand), var(--color-accent));
}

body.terapp-landing .pricing-plan-card .cen {
  height: 100%;
  justify-content: flex-start;
}

body.terapp-landing .pricing-plan-card .price-title {
  margin: 0 0 16px;
  color: var(--color-text);
  font-size: 20px;
  line-height: 1.25;
  font-weight: 850;
}

body.terapp-landing .price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  justify-content: center;
  min-height: 118px;
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid rgba(51, 65, 85, 0.12);
  border-radius: var(--radius-md);
  background: var(--color-brand-soft);
}

body.terapp-landing .price-row h4 {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
  color: var(--color-text);
  font-size: 19px;
  line-height: 1.2;
}

body.terapp-landing .amount .big {
  display: block;
  color: var(--color-brand-deep);
  font-size: clamp(28px, 2.55vw, 34px);
  line-height: 1.08;
  font-weight: 900;
}

body.terapp-landing .tiers {
  max-width: 100%;
  width: 100%;
  display: grid;
  gap: 9px;
  margin: 0 0 18px;
}

body.terapp-landing .tier {
  padding: 14px 15px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
}

body.terapp-landing .tier-line {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  justify-content: stretch;
  column-gap: 14px;
  white-space: normal;
}

body.terapp-landing .tier-left {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 3px 7px;
  min-width: 0;
  line-height: 1.28;
}

body.terapp-landing .tier-name {
  color: var(--color-text);
  font-size: 17px;
  font-weight: 850;
}

body.terapp-landing .tier-users {
  margin-left: 0;
  color: var(--color-text-muted);
  font-size: 13.5px;
  line-height: 1.25;
}

body.terapp-landing .tier-price {
  color: var(--color-brand-dark);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

body.terapp-landing .tier-meta {
  margin-top: 5px;
  color: #2a8a59;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 750;
  text-align: left;
}

body.terapp-landing .pricing-plan-card .cta-wrap {
  width: 100%;
  margin: auto 0 14px;
}

body.terapp-landing .pricing-plan-card .cta-wrap a {
  display: block;
}

body.terapp-landing .pricing-plan-card .button,
body.terapp-landing .conversion-actions .button {
  width: 100%;
  min-height: 52px;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, var(--color-accent), #ff8a2a);
  box-shadow: 0 14px 30px rgba(255, 107, 0, 0.22);
  font-size: 17px;
  color: var(--color-text-primary);
}

body.terapp-landing .pricing-plan-card .button:hover,
body.terapp-landing .pricing-plan-card .button:focus,
body.terapp-landing .conversion-actions .button:hover,
body.terapp-landing .conversion-actions .button:focus {
  background: linear-gradient(135deg, var(--color-accent-dark), #9CA3AF);
  color: var(--color-text-primary);
}

body.terapp-landing .pricing-note {
  width: 100%;
  padding: 14px 16px;
  border-radius: var(--radius-sm);
  background: #f8fafc;
  color: var(--color-text-muted);
}

body.terapp-landing .pricing-note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

body.terapp-landing .pricing-note p + p {
  margin-top: 5px;
}

body.terapp-landing .conversion-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: center;
  gap: 28px;
  margin: 18px 0 var(--space-section);
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 85% 20%, rgba(51, 65, 85, 0.32), transparent 30%),
    linear-gradient(135deg, var(--color-brand-deep), var(--color-bg-alt2));
  color: var(--color-text-primary);
  box-shadow: var(--shadow-lg);
}

body.terapp-landing .conversion-footer .section-eyebrow {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-bg-alt2);
}

body.terapp-landing .conversion-footer h2 {
  max-width: 760px;
  margin: 0 0 12px;
  color: var(--color-text-primary);
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.12;
  font-weight: 850;
}

body.terapp-landing .conversion-footer p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 17px;
  line-height: 1.6;
}

body.terapp-landing .conversion-actions {
  display: grid;
  gap: 12px;
}

body.terapp-landing .conversion-actions > a {
  display: block;
}

body.terapp-landing .conversion-actions > a:last-child {
  min-height: 50px;
  padding: 14px 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.1);
  color: var(--color-text-primary);
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.terapp-landing .conversion-actions > a:last-child:hover,
body.terapp-landing .conversion-actions > a:last-child:focus {
  background: rgba(255, 255, 255, 0.16);
  color: var(--color-text-primary);
}

@media (max-width: 900px) {
  body.terapp-landing .license-feature-grid {
    grid-template-columns: 1fr;
  }

  body.terapp-landing .conversion-footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991.98px) {
  body.terapp-landing #obtener {
    display: flex;
    flex-direction: column;
  }

  body.terapp-landing .pricing-col {
    float: none;
    width: 100%;
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
  }

  body.terapp-landing .pricing-plan-card {
    margin-bottom: 22px;
  }
}

@media (max-width: 575.98px) {
  body.terapp-landing .license-overview,
  body.terapp-landing .pricing-plan-card,
  body.terapp-landing .conversion-footer {
    border-radius: var(--radius-md);
  }

  body.terapp-landing .license-overview {
    padding: 26px 18px;
  }

  body.terapp-landing .trust-strip {
    gap: 8px;
  }

  body.terapp-landing .trust-strip span {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  body.terapp-landing .license-feature-card {
    padding: 20px;
  }

  body.terapp-landing .license-feature-card:first-child {
    display: block;
  }

  body.terapp-landing .license-feature-card:first-child .license-subtitle {
    margin-bottom: 12px;
  }

  body.terapp-landing .pricing-switch {
    margin-bottom: 18px;
  }

  body.terapp-landing .pricing-tab {
    width: 100%;
  }

  body.terapp-landing .pricing-plan-card {
    padding: 30px 18px 22px;
  }

  body.terapp-landing .price-row {
    grid-template-columns: 1fr;
    justify-items: center;
    min-height: 0;
    padding: 16px 12px;
    text-align: center;
  }

  body.terapp-landing .tier-line {
    grid-template-columns: 1fr;
    row-gap: 5px;
  }

  body.terapp-landing .tier-price {
    text-align: left;
  }

  body.terapp-landing .tier-meta {
    text-align: left;
  }

  body.terapp-landing .conversion-footer {
    padding: 28px 18px;
    margin-bottom: 56px;
  }
}

body.terapp-landing .flotante {
  right: 24px;
  bottom: 24px;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin-left: 0;
  z-index: 9998;
}

body.terapp-landing .flotante img {
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.2);
}

@media only screen and (max-width: 1060px) {
  body.terapp-landing .fixed-nav-bar {
    height: 56px;
  }

  body.terapp-landing .fixed-nav-bar li,
  body.terapp-landing .fixed-nav-bar a {
    height: 56px;
    line-height: 56px;
  }

  body.terapp-landing .menu {
    position: relative;
    width: 100%;
    max-width: none;
  }

  body.terapp-landing .sitename {
    position: absolute;
    top: 0;
    left: 15px;
    margin-left: 0;
  }

  body.terapp-landing .menu-items {
    display: none;
    width: 100%;
    margin-top: 56px;
    background: rgba(15, 23, 42, 0.96);
  }

  body.terapp-landing .menu-items li {
    display: block;
    margin: 0;
    text-align: center;
  }

  body.terapp-landing .show,
  body.terapp-landing .hide,
  body.terapp-landing .show:visited,
  body.terapp-landing .hide:visited,
  body.terapp-landing .menu-items a,
  body.terapp-landing .menu-items a:visited {
    color: rgba(17, 24, 39, 0.9);
  }

  body.terapp-landing .menu-items a {
    display: block;
    border-radius: 0;
    font-weight: 650;
  }

  body.terapp-landing .show,
  body.terapp-landing .hide {
    position: absolute;
    top: 0;
    right: 15px;
  }

  body.terapp-landing .show {
    display: inline-block;
  }

  body.terapp-landing .hide {
    display: none;
  }

  body.terapp-landing #menu:target .show {
    display: none;
  }

  body.terapp-landing #menu:target .hide,
  body.terapp-landing #menu:target .menu-items {
    display: inline-block;
  }

  body.terapp-landing .menu-items a:hover,
  body.terapp-landing .menu-items a:focus,
  body.terapp-landing .show:hover,
  body.terapp-landing .show:focus,
  body.terapp-landing .hide:hover,
  body.terapp-landing .hide:focus {
    color: var(--color-text-primary);
  }
}

@media only screen and (max-width: 800px) {
  body.terapp-landing .fixed-nav-bar {
    height: 56px;
  }

  body.terapp-landing .fixed-nav-bar li,
  body.terapp-landing .fixed-nav-bar a {
    height: 56px;
    line-height: 56px;
  }

  body.terapp-landing .menu-items {
    margin-top: 56px;
    background: rgba(15, 23, 42, 0.96);
  }

  body.terapp-landing .show,
  body.terapp-landing .hide,
  body.terapp-landing .show:visited,
  body.terapp-landing .hide:visited,
  body.terapp-landing .menu-items a,
  body.terapp-landing .menu-items a:visited {
    color: rgba(17, 24, 39, 0.9);
  }

  body.terapp-landing .menu-items a {
    display: block;
    border-radius: 0;
    font-weight: 650;
  }

  body.terapp-landing .menu-items a:hover,
  body.terapp-landing .menu-items a:focus,
  body.terapp-landing .show:hover,
  body.terapp-landing .show:focus,
  body.terapp-landing .hide:hover,
  body.terapp-landing .hide:focus {
    color: var(--color-text-primary);
  }
}

@media (max-width: 900px) {
  body.terapp-landing .app-hero-shell {
    width: min(100% - 28px, 680px);
    padding: 96px 0 48px;
    text-align: center;
  }

  body.terapp-landing .app-hero-content {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  body.terapp-landing .app-hero-brand {
    margin-left: auto;
    margin-right: auto;
  }

  body.terapp-landing .descriptionsec h1,
  body.terapp-landing .hero-subtitle {
    max-width: 100%;
    text-align: center;
  }

  body.terapp-landing .hero-kicker {
    margin-left: auto;
    margin-right: auto;
  }

  body.terapp-landing .hero-trust {
    justify-content: center;
  }

  body.terapp-landing .product-window {
    transform: none;
    border-radius: var(--radius-md);
  }
}

@media (max-width: 575.98px) {
  body.terapp-landing .app-hero-shell {
    width: calc(100% - 24px);
    padding: 82px 0 38px;
  }

  body.terapp-landing .app-hero-brand {
    gap: 10px;
  }

  body.terapp-landing .app-hero-brand img {
    width: 52px;
    height: 52px;
  }

  body.terapp-landing .app-hero-brand .firstdescription {
    font-size: 20px;
  }

  body.terapp-landing .descriptionsec {
    padding: 0;
  }

  body.terapp-landing .descriptionsec h1 {
    font-size: 34px;
  }

  body.terapp-landing .hero-subtitle {
    padding: 0;
    font-size: 17px;
  }

  body.terapp-landing .hero-actions .btn {
    width: 100%;
    padding: 15px 18px;
  }

  body.terapp-landing .app-hero-product {
    margin: 0 -4px;
  }

  body.terapp-landing .features-padding {
    width: calc(100% - 24px);
    padding: 52px 0;
  }

  body.terapp-landing .page-title {
    margin-bottom: 34px;
  }

  body.terapp-landing .box {
    padding: 26px 20px;
  }

  body.terapp-landing .flotante {
    right: 16px;
    bottom: 16px;
  }

  body.terapp-landing .flotante img {
    width: 64px;
    height: 64px;
  }
}

/* Second-stage TerApp content refresh */
body.terapp-landing .section-eyebrow {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 7px 12px;
  border: 1px solid rgba(51, 65, 85, 0.16);
  border-radius: 999px;
  background: rgba(51, 65, 85, 0.08);
  color: var(--color-brand-dark);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

body.terapp-landing .solution-panel {
  position: relative;
  overflow: hidden;
  margin-bottom: clamp(56px, 7vw, 88px);
  padding: clamp(28px, 5vw, 54px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(17, 24, 39, 0.8)),
    var(--color-surface);
  box-shadow: var(--shadow-md);
}

body.terapp-landing .solution-panel::after {
  content: "";
  position: absolute;
  right: -80px;
  top: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(51, 65, 85, 0.12);
}

body.terapp-landing .solution-heading {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin-bottom: 28px;
}

body.terapp-landing .solution-heading h2,
body.terapp-landing .product-preview-heading h2 {
  margin: 0 0 14px;
  color: var(--color-text);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.13;
  font-weight: 850;
}

body.terapp-landing .solution-heading p {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 18px;
  line-height: 1.65;
}

body.terapp-landing .solution-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.05fr) minmax(0, 1.1fr);
  gap: 18px;
}

body.terapp-landing .solution-card {
  min-height: 100%;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-sm);
}

body.terapp-landing .solution-card-primary {
  border-color: rgba(51, 65, 85, 0.28);
  background: linear-gradient(135deg, var(--color-text-primary), #eef9fc);
}

body.terapp-landing .solution-card-muted {
  background: #fbfcfd;
}

body.terapp-landing .solution-label {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--color-brand);
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

body.terapp-landing .solution-card h3 {
  margin: 0 0 10px;
  color: var(--color-text);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 850;
}

body.terapp-landing .solution-card p,
body.terapp-landing .solution-list {
  margin: 0;
  color: var(--color-text-muted);
  font-size: 16px;
  line-height: 1.6;
}

body.terapp-landing .solution-list {
  display: grid;
  gap: 10px;
  padding-left: 18px;
}

body.terapp-landing .solution-list li::marker {
  color: var(--color-brand);
}

body.terapp-landing .features-heading {
  margin-bottom: 34px;
}

body.terapp-landing .feature-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

body.terapp-landing .feature-grid > [class*="col-"] {
  display: flex;
  margin-bottom: 26px;
}

body.terapp-landing .feature-grid .box {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
  padding: 30px 24px 28px;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.terapp-landing .feature-grid .box::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--color-brand), var(--color-border-alt));
  opacity: 0;
  transition: opacity 0.22s ease;
}

body.terapp-landing .feature-grid .box:hover {
  border-color: rgba(51, 65, 85, 0.24);
}

body.terapp-landing .feature-grid .box:hover::before {
  opacity: 1;
}

body.terapp-landing .feature-grid .box-icon {
  width: 76px;
  height: 76px;
  margin-bottom: 20px;
  padding: 14px;
  border: 1px solid rgba(51, 65, 85, 0.12);
  border-radius: 20px;
  background: linear-gradient(135deg, #eef9fc, var(--color-text-primary));
}

body.terapp-landing .feature-grid .box-icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

body.terapp-landing .product-preview-section {
  overflow: hidden;
  padding: var(--space-section) 0;
  background:
    linear-gradient(180deg, var(--color-surface-muted), var(--color-text-primary) 52%, var(--color-surface-muted));
}

body.terapp-landing .product-preview-inner {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

body.terapp-landing .product-preview-heading {
  max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;
}

body.terapp-landing .product-carousel {
  max-width: 1040px;
  margin: 0 auto;
  padding-bottom: 34px;
}

body.terapp-landing .product-carousel .slider-wrapper {
  overflow: hidden;
  aspect-ratio: 1366 / 727;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(51, 65, 85, 0.05), rgba(255, 255, 255, 0.96)),
    var(--color-text-primary);
  box-shadow: var(--shadow-lg);
}

body.terapp-landing .product-carousel .slider-wrapper::before {
  content: "";
  display: block;
  height: 4.68%;
  background:
    radial-gradient(circle at 18px 50%, #ff6b6b 0 4px, transparent 5px),
    radial-gradient(circle at 36px 50%, #ffd166 0 4px, transparent 5px),
    radial-gradient(circle at 54px 50%, #57cc99 0 4px, transparent 5px),
    linear-gradient(90deg, var(--color-bg-base), var(--color-bg-section));
}

body.terapp-landing .product-carousel .slider-wrapper .inner {
  height: calc(100% - 4.68%);
  background: linear-gradient(180deg, #f7fbfd, var(--color-text-primary));
  transition: margin-left 680ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.terapp-landing .product-carousel article {
  height: 100%;
  background: linear-gradient(180deg, #f7fbfd, var(--color-text-primary));
}

body.terapp-landing .product-carousel article img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

body.terapp-landing .product-carousel .slider-prev-next-control {
  inset: 0;
  top: 0;
  height: 100%;
  transform: none;
  pointer-events: none;
  z-index: 3;
}

body.terapp-landing .product-carousel .slider-prev-next-control label {
  pointer-events: auto;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(51, 65, 85, 0.16);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 14px 34px rgba(51, 65, 85, 0.14);
  backdrop-filter: blur(10px);
  cursor: pointer;
  opacity: 0.92;
  transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease, transform 180ms ease;
}

body.terapp-landing .product-carousel .slider-prev-next-control label::after {
  content: "";
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  border-top: 2px solid var(--color-brand-deep);
  border-right: 2px solid var(--color-brand-deep);
  display: block;
  line-height: 1;
  font-size: 0;
}

body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(1),
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(5),
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(4),
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(3),
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(2) {
  position: absolute;
  top: 50%;
  right: 14px;
  left: auto;
  display: flex;
  float: none;
  margin: 0;
  transform: translateY(-50%);
}

body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(5),
body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(4),
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(3),
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(2),
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(1) {
  position: absolute;
  top: 50%;
  right: auto;
  left: 14px;
  display: flex;
  float: none;
  margin: 0;
  transform: translateY(-50%);
}

body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after,
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after,
body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after {
  content: "";
  width: 10px;
  height: 10px;
  padding: 0;
  border-top: 2px solid var(--color-brand-deep);
  border-right: 2px solid var(--color-brand-deep);
  color: transparent;
  font-family: inherit;
  font-size: 0;
  line-height: 1;
}

body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(1)::after,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(5)::after,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(4)::after,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(3)::after,
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(2)::after {
  transform: rotate(45deg);
}

body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(5)::after,
body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(4)::after,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(3)::after,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(2)::after,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(1)::after {
  transform: rotate(-135deg);
}

body.terapp-landing .product-carousel .slider-prev-next-control label:hover,
body.terapp-landing .product-carousel .slider-prev-next-control label:focus-visible {
  background: var(--color-text-primary);
  border-color: rgba(51, 65, 85, 0.28);
  box-shadow: 0 18px 42px rgba(51, 65, 85, 0.18);
  opacity: 1;
  outline: none;
}

body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(1):hover,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(5):hover,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(4):hover,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(3):hover,
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(2):hover,
body.terapp-landing #slide1:checked ~ .slider-prev-next-control label:nth-child(5):hover,
body.terapp-landing #slide5:checked ~ .slider-prev-next-control label:nth-child(4):hover,
body.terapp-landing #slide4:checked ~ .slider-prev-next-control label:nth-child(3):hover,
body.terapp-landing #slide3:checked ~ .slider-prev-next-control label:nth-child(2):hover,
body.terapp-landing #slide2:checked ~ .slider-prev-next-control label:nth-child(1):hover {
  transform: translateY(-50%) scale(1.04);
}

body.terapp-landing .product-carousel .slider-dot-control {
  bottom: 1px;
  display: flex;
  justify-content: center;
  gap: 8px;
  line-height: 0;
}

body.terapp-landing .product-carousel .slider-dot-control label {
  width: 8px;
  height: 8px;
  margin: 0;
  border-radius: 999px;
  background: var(--color-border);
  border: 0;
  opacity: 0.82;
  transition: width 180ms ease, background 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

body.terapp-landing .product-carousel .slider-dot-control label:hover,
body.terapp-landing .product-carousel .slider-dot-control label:focus-visible {
  background: #475569;
  opacity: 1;
  outline: none;
}

body.terapp-landing #slide5:checked ~ .slider-dot-control label:nth-child(5),
body.terapp-landing #slide4:checked ~ .slider-dot-control label:nth-child(4),
body.terapp-landing #slide3:checked ~ .slider-dot-control label:nth-child(3),
body.terapp-landing #slide2:checked ~ .slider-dot-control label:nth-child(2),
body.terapp-landing #slide1:checked ~ .slider-dot-control label:nth-child(1) {
  width: 24px;
  background: var(--color-brand);
  box-shadow: 0 6px 14px rgba(51, 65, 85, 0.22);
  opacity: 1;
}

@media (max-width: 900px) {
  body.terapp-landing .solution-grid {
    grid-template-columns: 1fr;
  }

  body.terapp-landing .feature-grid > [class*="col-"] {
    width: 50%;
  }
}

@media (max-width: 575.98px) {
  body.terapp-landing .section-eyebrow {
    white-space: normal;
    text-align: center;
  }

  body.terapp-landing .solution-panel {
    padding: 24px 18px;
    border-radius: var(--radius-md);
  }

  body.terapp-landing .solution-heading p {
    font-size: 16px;
  }

  body.terapp-landing .solution-card {
    padding: 20px;
  }

  body.terapp-landing .feature-grid > [class*="col-"] {
    width: 100%;
    margin-bottom: 18px;
  }

  body.terapp-landing .feature-grid .box {
    padding: 24px 20px;
  }

  body.terapp-landing .product-preview-inner {
    width: calc(100% - 24px);
  }

  body.terapp-landing .product-preview-heading {
    margin-bottom: 22px;
  }

  body.terapp-landing .product-carousel {
    padding-bottom: 30px;
  }

  body.terapp-landing .product-carousel .slider-wrapper {
    border-radius: var(--radius-md);
  }

body.terapp-landing .product-carousel .slider-prev-next-control {
    display: none;
  }

  body.terapp-landing .product-carousel .slider-dot-control {
    gap: 7px;
  }

  body.terapp-landing .product-carousel .slider-dot-control label {
    width: 7px;
    height: 7px;
  }

  body.terapp-landing #slide5:checked ~ .slider-dot-control label:nth-child(5),
  body.terapp-landing #slide4:checked ~ .slider-dot-control label:nth-child(4),
  body.terapp-landing #slide3:checked ~ .slider-dot-control label:nth-child(3),
  body.terapp-landing #slide2:checked ~ .slider-dot-control label:nth-child(2),
  body.terapp-landing #slide1:checked ~ .slider-dot-control label:nth-child(1) {
    width: 20px;
  }

}

@media (prefers-reduced-motion: reduce) {
  body.terapp-landing .product-carousel .slider-wrapper .inner,
  body.terapp-landing .product-carousel .slider-prev-next-control label,
  body.terapp-landing .product-carousel .slider-dot-control label {
    transition: none;
  }
}

/* CodeBridge main home visual refresh */
body.projectnube-home {
  background: var(--color-surface-muted);
  color: var(--color-text);
  line-height: 1.5;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body.projectnube-home a {
  color: var(--color-brand);
}

body.projectnube-home button:focus,
body.projectnube-home a:focus,
body.projectnube-home input:focus {
  outline: 3px solid rgba(255, 107, 0, 0.35);
  outline-offset: 3px;
}

body.projectnube-home .fixed-nav-bar {
  height: 64px;
  background: rgba(15, 23, 42, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.projectnube-home .fixed-nav-bar li,
body.projectnube-home .fixed-nav-bar a {
  height: 64px;
  line-height: 64px;
}

body.projectnube-home .menu {
  max-width: 1180px;
}

body.projectnube-home a.sitename,
body.projectnube-home a:visited.sitename {
  color: rgba(250, 253, 255, 0.96);
  font-size: 22px;
  font-weight: 700;
  text-shadow: 0 1px 12px rgba(15, 23, 42, 0.28);
}

body.projectnube-home .menu-items a,
body.projectnube-home .menu-items a:visited {
  color: rgba(17, 24, 39, 0.88);
  border-radius: 999px;
  padding: 0 10px;
  font-weight: 650;
  text-shadow: 0 1px 10px rgba(15, 23, 42, 0.22);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.projectnube-home .menu-items a:hover,
body.projectnube-home .menu-items a:focus {
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-text-primary);
  text-shadow: none;
}

body.projectnube-home .header-cls-n {
  min-height: 100vh;
  height: auto;
  display: grid;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 20%, rgba(51, 65, 85, 0.42), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.93), rgba(30, 41, 59, 0.86)),
    url(images/soft-company.jpg);
  background-size: cover;
  background-position: center;
}

body.projectnube-home .title-cls-n {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: min(920px, calc(100% - 40px));
  margin: 0 auto;
  padding: 124px 0 76px;
  text-align: center;
}

body.projectnube-home .home-kicker {
  display: inline-flex;
  margin: 0 0 18px;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--color-bg-alt2);
  background: rgba(51, 65, 85, 0.16);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}

body.projectnube-home .firstdescription {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(42px, 8vw, 86px);
  line-height: 0.95;
  letter-spacing: 0;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

body.projectnube-home .descriptionsec {
  max-width: 820px;
  margin: 24px auto 0;
  padding: 0;
  color: rgba(17, 24, 39, 0.9);
  font-size: clamp(22px, 3.5vw, 42px);
  line-height: 1.12;
  font-weight: 750;
  text-align: center;
  background: transparent;
  backdrop-filter: none;
}

body.projectnube-home .home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

body.projectnube-home .home-hero-actions .btn {
  min-width: 190px;
  padding: 15px 24px;
  border: 0;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

body.projectnube-home .home-hero-actions .btn-primary {
  color: var(--color-text-primary);
  background: linear-gradient(135deg, var(--color-accent), #ff8a2a);
  box-shadow: 0 14px 36px rgba(255, 107, 0, 0.26);
}

body.projectnube-home .home-hero-actions .btn-secondary {
  color: var(--color-text-primary);
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.12);
}

body.projectnube-home .home-hero-actions .btn:hover,
body.projectnube-home .home-hero-actions .btn:focus {
  transform: translateY(-2px);
  color: var(--color-text-primary);
  text-decoration: none;
}

body.projectnube-home .home-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

body.projectnube-home .home-trust span {
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: rgba(17, 24, 39, 0.82);
  background: rgba(255, 255, 255, 0.08);
  font-size: 13px;
  font-weight: 750;
}

body.projectnube-home .features-detail {
  background: var(--color-surface-muted);
  color: var(--color-text);
}

body.projectnube-home .features-padding {
  width: min(1040px, calc(100% - 32px));
  margin: 0 auto;
  padding: var(--space-section) 0;
}

body.projectnube-home .page-title {
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 54px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(17, 24, 39, 0.82)),
    var(--color-surface);
  box-shadow: var(--shadow-md);
}

body.projectnube-home .page-title h2 {
  margin: 0 0 18px;
  color: var(--color-text);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.13;
  font-weight: 850;
}

body.projectnube-home .page-title h2::after {
  display: none;
}

body.projectnube-home .page-title p {
  margin: 14px 0 0;
  color: var(--color-text-muted);
  font-size: 17px;
  line-height: 1.7;
}

body.projectnube-home .page-title a {
  font-weight: 800;
}

body.projectnube-home .flotante,
body.projectnube-blog .flotante {
  right: 24px;
  bottom: 24px;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin-left: 0;
  z-index: 9998;
}

body.projectnube-home .flotante img {
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.2);
}

@media only screen and (max-width: 800px) {
  body.projectnube-home .fixed-nav-bar {
    height: 56px;
  }

  body.projectnube-home .fixed-nav-bar li,
  body.projectnube-home .fixed-nav-bar a {
    height: 56px;
    line-height: 56px;
  }

  body.projectnube-home .menu-items {
    margin-top: 56px;
    background: rgba(15, 23, 42, 0.96);
  }

  body.projectnube-home .show,
  body.projectnube-home .hide,
  body.projectnube-home .show:visited,
  body.projectnube-home .hide:visited,
  body.projectnube-home .menu-items a,
  body.projectnube-home .menu-items a:visited {
    color: rgba(17, 24, 39, 0.9);
  }

  body.projectnube-home .menu-items a {
    display: block;
    border-radius: 0;
    font-weight: 650;
  }
}

@media (max-width: 575.98px) {
  body.projectnube-home .title-cls-n {
    width: calc(100% - 24px);
    padding: 92px 0 52px;
  }

  body.projectnube-home .home-hero-actions .btn {
    width: 100%;
  }

  body.projectnube-home .features-padding {
    width: calc(100% - 24px);
    padding: 52px 0;
  }

  body.projectnube-home .page-title {
    padding: 26px 18px;
    border-radius: var(--radius-md);
  }


body.projectnube-home .flotante img {
    width: 64px;
    height: 64px;
  }
}

/* CodeBridge consultoria visual refresh */
body.consultoria-page {
  background: var(--color-surface-muted);
  color: var(--color-text);
  line-height: 1.5;
  overflow-x: hidden;
}

body.consultoria-page .fixed-nav-bar {
  height: 56px;
  background: rgba(15, 23, 42, 0.82);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
}

body.consultoria-page .fixed-nav-bar li,
body.consultoria-page .fixed-nav-bar a {
  height: 56px;
  line-height: 56px;
}

body.consultoria-page a.sitename,
body.consultoria-page a:visited.sitename {
  color: var(--color-text-primary);
  font-size: 22px;
  font-weight: 850;
  letter-spacing: 0;
}

body.consultoria-page .menu-items a {
  padding: 0 4px;
  border-radius: 999px;
  color: rgba(17, 24, 39, 0.86);
  font-size: 15px;
  font-weight: 700;
  transition: color 0.2s ease, background-color 0.2s ease;
}

body.consultoria-page .menu-items a:hover,
body.consultoria-page .menu-items a:focus {
  color: var(--color-text-primary);
  background: rgba(255, 255, 255, 0.1);
}

body.consultoria-page .header-consultoria {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 92vh;
  height: auto;
  padding: 88px 20px 56px;
  background:
    linear-gradient(115deg, rgba(15, 23, 42, 0.84) 0%, rgba(30, 41, 59, 0.62) 48%, rgba(15, 23, 42, 0.5) 100%),
    url(images/consultoria.png);
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

body.consultoria-page .header-consultoria::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, rgba(246, 249, 251, 0), var(--color-surface-muted));
  pointer-events: none;
}

body.consultoria-page .title-cls-n {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: min(920px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 0;
  z-index: 1;
}

body.consultoria-page .firstdescription {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(40px, 7vw, 82px);
  line-height: 0.96;
  font-weight: 850;
  letter-spacing: 0;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

body.consultoria-page .firstdescription:first-child {
  display: inline-block;
  margin: 0 0 18px;
  padding: 7px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  color: var(--color-bg-alt2);
  background: rgba(51, 65, 85, 0.16);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
  text-shadow: none;
}

body.consultoria-page .descriptionsec {
  max-width: 780px;
  margin: 24px auto 0;
  padding: 0;
  color: rgba(17, 24, 39, 0.9);
  font-size: clamp(22px, 3.5vw, 42px);
  line-height: 1.12;
  font-weight: 750;
  text-align: center;
  background: transparent;
  backdrop-filter: none;
}

body.consultoria-page .features-detail {
  background: var(--color-surface-muted);
  color: var(--color-text);
}

body.consultoria-page .features-padding {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: var(--space-section) 0;
}

body.consultoria-page .page-title {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(28px, 5vw, 54px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(17, 24, 39, 0.84)),
    var(--color-surface);
  box-shadow: var(--shadow-md);
}

body.consultoria-page .consultoria-landing {
  max-width: 1180px;
  text-align: left;
}

body.consultoria-page .consultoria-section {
  padding: clamp(28px, 4vw, 48px) 0;
  border-top: 1px solid var(--color-border);
}

body.consultoria-page .consultoria-section:first-child {
  padding-top: 0;
  border-top: 0;
}

body.consultoria-page .consultoria-section:last-of-type {
  padding-bottom: 0;
}

body.consultoria-page .consultoria-eyebrow {
  display: inline-block;
  margin: 0 0 12px;
  padding: 7px 12px;
  border: 1px solid rgba(51, 65, 85, 0.2);
  border-radius: 999px;
  color: var(--color-brand-dark);
  background: rgba(51, 65, 85, 0.08);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 850;
  text-transform: uppercase;
}

body.consultoria-page .page-title h2 {
  margin: 0 0 18px;
  padding: 0;
  color: var(--color-text);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.13;
  font-weight: 850;
}

body.consultoria-page .page-title h2::after {
  display: none;
}

body.consultoria-page .page-title p {
  margin: 14px 0 0;
  color: var(--color-text-muted);
  font-size: 17px;
  line-height: 1.7;
}

body.consultoria-page .page-title .consultoria-eyebrow {
  display: inline-block;
  margin: 0 0 12px;
  padding: 7px 12px;
  color: var(--color-brand-dark);
  font-size: 13px;
  line-height: 1.2;
}

body.consultoria-page .consultoria-intro p {
  max-width: 900px;
}

body.consultoria-page .consultoria-hero-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

body.consultoria-page .consultoria-hero-trust span {
  padding: 7px 12px;
  border: 1px solid rgba(51, 65, 85, 0.28);
  border-radius: 999px;
  color: var(--color-bg-section);
  background: rgba(17, 24, 39, 0.9);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
}

body.consultoria-page .consultoria-value-grid,
body.consultoria-page .consultoria-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
  width: 100%;
}

body.consultoria-page .consultoria-value-grid div,
body.consultoria-page .consultoria-plan-card {
  min-width: 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: var(--shadow-sm);
}

body.consultoria-page .consultoria-value-grid div {
  padding: 22px;
}

body.consultoria-page .consultoria-value-grid h3,
body.consultoria-page .consultoria-plan-card h3 {
  margin: 0;
  color: var(--color-text);
  font-size: 21px;
  line-height: 1.2;
  font-weight: 850;
}

body.consultoria-page .consultoria-value-grid p {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
}

body.consultoria-page .consultoria-topic-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

body.consultoria-page .consultoria-topic-grid span {
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 12px 14px;
  border: 1px solid rgba(51, 65, 85, 0.16);
  border-radius: var(--radius-sm);
  color: var(--color-text);
  background: rgba(17, 24, 39, 0.58);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 750;
}

body.consultoria-page .consultoria-project-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

body.consultoria-page .consultoria-project-grid span {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.82);
  color: var(--color-text);
  box-shadow: var(--shadow-sm);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
}

body.consultoria-page .consultoria-method-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
}

body.consultoria-page .consultoria-method-list div {
  padding: 18px 20px;
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, 0.76);
}

body.consultoria-page .consultoria-method-list strong,
body.consultoria-page .consultoria-method-list span {
  display: block;
}

body.consultoria-page .consultoria-method-list strong {
  color: var(--color-text);
  font-size: 16px;
  line-height: 1.25;
}

body.consultoria-page .consultoria-method-list span {
  margin-top: 6px;
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.55;
}

body.consultoria-page .consultoria-plan-card {
  position: relative;
  width: 100%;
  max-width: none;
  padding: 26px 24px;
  overflow: hidden;
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(17, 24, 39, 0.9)),
    var(--color-surface);
}

body.consultoria-page .consultoria-plan-card.plan-featured {
  border-color: rgba(51, 65, 85, 0.5);
  background:
    linear-gradient(160deg, var(--color-brand-deep), var(--color-brand-dark) 58%, var(--color-brand));
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.22);
}

body.consultoria-page .consultoria-plan-card:nth-child(3) {
  border-color: rgba(184, 145, 72, 0.36);
  background:
    linear-gradient(180deg, rgba(255, 250, 239, 0.98), rgba(249, 241, 222, 0.92)),
    var(--color-surface);
  box-shadow: 0 16px 42px rgba(111, 83, 32, 0.12);
}

body.consultoria-page .plan-label {
  margin: 0 0 12px;
  color: var(--color-brand-dark);
  font-size: 13px;
  line-height: 1.2;
  font-weight: 850;
  text-transform: uppercase;
}

body.consultoria-page .consultoria-plan-card.plan-featured .plan-label {
  color: rgba(17, 24, 39, 0.92);
}

body.consultoria-page .consultoria-plan-card:nth-child(3) .plan-label {
  color: #7a5a1d;
}

body.consultoria-page .consultoria-plan-card.plan-featured h3,
body.consultoria-page .consultoria-plan-card.plan-featured .plan-price {
  color: var(--color-text-primary);
}

body.consultoria-page .consultoria-plan-card:nth-child(3) h3,
body.consultoria-page .consultoria-plan-card:nth-child(3) .plan-price {
  color: #4d3510;
}

body.consultoria-page .plan-price {
  margin: 12px 0 0;
  color: var(--color-brand-deep);
  font-size: 30px;
  line-height: 1.05;
  font-weight: 900;
}

body.consultoria-page .plan-note {
  margin: 10px 0 0;
  color: var(--color-accent-dark);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
}

body.consultoria-page .consultoria-plan-card.plan-featured .plan-note {
  color: var(--color-bg-section);
}

body.consultoria-page .consultoria-plan-card:nth-child(3) .plan-note {
  color: #7a5a1d;
}

body.consultoria-page .consultoria-plan-card ul {
  margin: 18px 0 0;
  padding-left: 18px;
}

body.consultoria-page .consultoria-plan-card li {
  margin-top: 8px;
  color: var(--color-text-muted);
  font-size: 15px;
  line-height: 1.45;
}

body.consultoria-page .consultoria-plan-card.plan-featured li {
  color: rgba(255, 255, 255, 0.86);
}

body.consultoria-page .consultoria-plan-card:nth-child(3) li {
  color: #5f523f;
}

body.consultoria-page .consultoria-selection {
  margin-top: 8px;
  padding: clamp(28px, 4vw, 42px);
  border: 1px solid rgba(51, 65, 85, 0.18);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.86), rgba(255, 255, 255, 0.94)),
    var(--color-surface);
}

body.consultoria-page .consultoria-selection p:last-child {
  max-width: 860px;
}

body.consultoria-page.consultoria-evaluation-page .evaluation-hero {
  min-height: 72vh;
}

body.consultoria-page .evaluation-card {
  max-width: 1040px;
}

body.consultoria-page .evaluation-form {
  padding-top: clamp(24px, 4vw, 42px);
  border-top: 1px solid var(--color-border);
}

body.consultoria-page .evaluation-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.consultoria-page .evaluation-form label {
  position: relative;
  z-index: 1;
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--color-text);
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

body.consultoria-page .evaluation-form label span {
  display: block;
  margin-bottom: 8px;
}

body.consultoria-page .evaluation-form input,
body.consultoria-page .evaluation-form select {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  pointer-events: auto;
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text);
  background: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.3;
}

body.consultoria-page .evaluation-form input:focus,
body.consultoria-page .evaluation-form select:focus {
  border-color: rgba(51, 65, 85, 0.55);
  outline: 3px solid rgba(51, 65, 85, 0.14);
}

body.consultoria-page .evaluation-form-invalid input:invalid,
body.consultoria-page .evaluation-form-invalid select:invalid {
  border-color: rgba(204, 46, 46, 0.55);
}

body.consultoria-page .evaluation-message {
  min-height: 24px;
  margin: 18px 0 0;
  color: #b12d2d;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 800;
}

body.consultoria-page .evaluation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

body.consultoria-page .evaluation-actions .btn {
  min-width: 190px;
  padding: 13px 22px;
  border: 0;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.consultoria-page .evaluation-actions .btn-primary {
  color: var(--color-text-primary);
  background: linear-gradient(135deg, var(--color-accent), #ff8a2a);
  box-shadow: 0 14px 36px rgba(255, 107, 0, 0.22);
}

body.consultoria-page .evaluation-actions .btn-secondary {
  color: var(--color-brand-dark);
  border: 1px solid rgba(51, 65, 85, 0.2);
  background: rgba(17, 24, 39, 0.9);
}

body.consultoria-page .evaluation-actions .btn:hover,
body.consultoria-page .evaluation-actions .btn:focus {
  transform: translateY(-2px);
  text-decoration: none;
}

body.consultoria-page .evaluation-actions .btn-primary:hover,
body.consultoria-page .evaluation-actions .btn-primary:focus {
  color: var(--color-text-primary);
}

body.consultoria-page .evaluation-result {
  scroll-margin-top: 76px;
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--shadow-sm);
}

body.consultoria-page .evaluation-result-success {
  border-color: rgba(51, 65, 85, 0.24);
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.9), rgba(255, 255, 255, 0.94)),
    var(--color-surface);
}

body.consultoria-page .evaluation-result-neutral {
  border-color: rgba(255, 107, 0, 0.24);
  background:
    linear-gradient(135deg, rgba(255, 246, 239, 0.9), rgba(255, 255, 255, 0.94)),
    var(--color-surface);
}

body.consultoria-page .evaluation-result h2 {
  margin-bottom: 14px;
}

body.consultoria-page .page-title a:not(.btn) {
  color: var(--color-brand-dark);
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

body.consultoria-page .consultoria-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
  color: var(--color-text);
  font-weight: 750;
}

body.consultoria-page .consultoria-cta .btn {
  min-width: 112px;
  padding: 13px 22px;
  border: 0;
  border-radius: 999px;
  color: var(--color-text-primary);
  background: linear-gradient(135deg, var(--color-accent), #ff8a2a);
  box-shadow: 0 14px 36px rgba(255, 107, 0, 0.22);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.consultoria-page .consultoria-cta .btn:hover,
body.consultoria-page .consultoria-cta .btn:focus {
  transform: translateY(-2px);
  color: var(--color-text-primary);
  box-shadow: 0 18px 42px rgba(255, 107, 0, 0.28);
}

body.consultoria-page .flotante {
  right: 24px;
  bottom: 24px;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin-left: 0;
  z-index: 9998;
}

body.consultoria-page .flotante img {
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.2);
}

body.consultoria-page .page-footer {
  background: var(--color-brand-deep);
  color: rgba(17, 24, 39, 0.78);
}

body.consultoria-page .page-footer h6 {
  color: var(--color-text-primary);
  letter-spacing: 0;
}

body.consultoria-page .page-footer a {
  color: var(--color-bg-alt2);
  font-weight: 700;
}

body.consultoria-page .footer-copyright {
  color: rgba(17, 24, 39, 0.54);
}

@media (max-width: 991.98px) {
  body.consultoria-page .consultoria-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 800px) {
  body.consultoria-page .consultoria-value-grid,
  body.consultoria-page .consultoria-plan-grid {
    grid-template-columns: 1fr;
  }

  body.consultoria-page .consultoria-topic-grid,
  body.consultoria-page .consultoria-method-list,
  body.consultoria-page .consultoria-project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.consultoria-page .menu-items {
    margin-top: 56px;
    background: rgba(15, 23, 42, 0.96);
  }

  body.consultoria-page .show,
  body.consultoria-page .hide,
  body.consultoria-page .show:visited,
  body.consultoria-page .hide:visited,
  body.consultoria-page .menu-items a,
  body.consultoria-page .menu-items a:visited {
    color: rgba(17, 24, 39, 0.9);
  }

  body.consultoria-page .menu-items a {
    display: block;
    border-radius: 0;
    font-weight: 650;
  }
}

@media (max-width: 575.98px) {
  body.consultoria-page .header-consultoria {
    min-height: 86vh;
    padding: 82px 12px 48px;
  }

  body.consultoria-page .title-cls-n {
    width: calc(100vw - 24px);
    padding: 0;
  }

  body.consultoria-page .firstdescription {
    font-size: clamp(32px, 10vw, 42px);
    line-height: 1.03;
    overflow-wrap: normal;
  }

  body.consultoria-page .firstdescription:first-child {
    font-size: 13px;
  }

  body.consultoria-page .descriptionsec {
    max-width: 100%;
    font-size: 21px;
    line-height: 1.18;
  }

  body.consultoria-page .features-padding {
    width: calc(100vw - 16px);
    padding: 52px 0;
  }

  body.consultoria-page .page-title {
    padding: 26px 18px;
    border-radius: var(--radius-md);
  }

  body.consultoria-page .consultoria-section {
    padding: 32px 0;
  }

  body.consultoria-page .consultoria-topic-grid,
  body.consultoria-page .consultoria-method-list,
  body.consultoria-page .consultoria-project-grid {
    grid-template-columns: 1fr;
  }

  body.consultoria-page .consultoria-topic-grid span {
    min-height: auto;
  }

  body.consultoria-page .consultoria-plan-grid {
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-right: -6px;
  }

  body.consultoria-page .consultoria-plan-card {
    padding: 22px 18px;
  }

  body.consultoria-page .consultoria-selection {
    padding: 24px 18px;
    border-radius: var(--radius-md);
  }

  body.consultoria-page.consultoria-evaluation-page .evaluation-hero {
    min-height: 76vh;
  }

  body.consultoria-page .evaluation-form-grid {
    grid-template-columns: 1fr;
  }

  body.consultoria-page .evaluation-actions {
    display: block;
  }

  body.consultoria-page .evaluation-actions .btn {
    display: block;
    width: 100%;
    min-width: 0;
  }

  body.consultoria-page .evaluation-actions .btn + .btn {
    margin-top: 12px;
  }

  body.consultoria-page .evaluation-result {
    padding: 24px 18px;
    border-radius: var(--radius-md);
  }

  body.consultoria-page .plan-price {
    font-size: 28px;
  }

  body.consultoria-page .consultoria-cta {
    display: block;
    text-align: center;
  }

  body.consultoria-page .consultoria-cta .btn {
    display: block;
    width: 100%;
    margin-top: 14px;
  }

  body.consultoria-page .flotante img {
    width: 64px;
    height: 64px;
  }
}

/* CodeBridge blog visual refresh */
body.projectnube-blog {
  background: var(--color-surface-muted);
  color: var(--color-text);
  line-height: 1.6;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body.projectnube-blog a {
  color: var(--color-brand);
}

body.projectnube-blog a:focus,
body.projectnube-blog button:focus,
body.projectnube-blog input:focus {
  outline: 3px solid rgba(255, 107, 0, 0.35);
  outline-offset: 3px;
}

body.projectnube-blog .fixed-nav-bar {
  height: 64px;
  background: rgba(15, 23, 42, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body.projectnube-blog .fixed-nav-bar li,
body.projectnube-blog .fixed-nav-bar a {
  height: 64px;
  line-height: 64px;
}

body.projectnube-blog .menu {
  max-width: 1180px;
}

body.projectnube-blog a.sitename,
body.projectnube-blog a:visited.sitename {
  color: rgba(250, 253, 255, 0.96);
  font-size: 22px;
  font-weight: 700;
  text-shadow: 0 1px 12px rgba(15, 23, 42, 0.28);
}

body.projectnube-blog .menu-items a,
body.projectnube-blog .menu-items a:visited {
  color: rgba(17, 24, 39, 0.88);
  border-radius: 999px;
  padding: 0 10px;
  font-weight: 650;
  text-shadow: 0 1px 10px rgba(15, 23, 42, 0.22);
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.projectnube-blog .menu-items a:hover,
body.projectnube-blog .menu-items a:focus {
  background: rgba(255, 255, 255, 0.12);
  color: var(--color-text-primary);
  text-shadow: none;
}

body.projectnube-blog .blog-family,
body.projectnube-blog .gray-bg.section-padding {
  min-height: 100vh;
  padding: clamp(92px, 10vw, 132px) 0 var(--space-section);
  background:
    radial-gradient(circle at 82% 6%, rgba(51, 65, 85, 0.18), transparent 30%),
    radial-gradient(circle at 10% 20%, rgba(42, 163, 101, 0.08), transparent 28%),
    linear-gradient(180deg, var(--color-bg-alt) 0, var(--color-bg-alt) 360px, #f8fafc 100%);
}

body.projectnube-blog .features-detail {
  background: transparent;
  color: var(--color-text);
}

body.projectnube-blog .features-padding {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: 0;
}

body.projectnube-blog .page-title {
  max-width: 900px;
  margin: 0 auto 34px;
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(17, 24, 39, 0.82)),
    var(--color-surface);
  box-shadow: var(--shadow-md);
}

body.projectnube-blog .page-title:empty {
  display: none;
}

body.projectnube-blog h1 {
  max-width: 980px;
  margin: 0 auto 18px;
  color: var(--color-text);
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: 0;
}

body.projectnube-blog h2 {
  max-width: 920px;
  margin: 22px auto 18px;
  color: var(--color-text);
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.16;
  font-weight: 820;
}

body.projectnube-blog .img-cls-montar,
body.projectnube-blog .img-cls-administrar,
body.projectnube-blog .img-cls-conservar,
body.projectnube-blog .img-cls-generar,
body.projectnube-blog .img-cls-marketing {
  width: min(940px, 100%);
  height: clamp(220px, 34vw, 380px);
  margin: 0 auto 28px;
  padding-top: 0;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: var(--radius-lg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
}

body.projectnube-blog .page-title h1,
body.projectnube-blog .page-title h2 {
  margin-left: auto;
  margin-right: auto;
}

body.projectnube-blog .page-title p {
  max-width: 760px;
  margin: 14px auto 0;
  color: var(--color-text-muted);
  font-size: 18px;
  line-height: 1.7;
}

body.projectnube-blog .blog-style {
  max-width: 880px;
  margin: 0 auto 36px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow-sm);
  text-align: left;
}

body.projectnube-blog .blog-style p {
  margin: 0 0 18px;
  color: var(--color-text-muted);
  font-size: 17px;
  line-height: 1.78;
}

body.projectnube-blog .blog-style h2,
body.projectnube-blog .blog-style h3 {
  max-width: none;
  margin: 30px 0 12px;
  color: var(--color-text);
  font-weight: 820;
}

body.projectnube-blog .blog-style h3 {
  font-size: 24px;
  line-height: 1.25;
}

body.projectnube-blog .row > [class*="col-"] > a {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

body.projectnube-blog .box {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-bottom: 26px;
  padding: 0 0 24px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-sm);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.projectnube-blog .box:hover,
body.projectnube-blog a:focus .box {
  transform: translateY(-3px);
  border-color: rgba(51, 65, 85, 0.24);
  box-shadow: var(--shadow-md);
}

body.projectnube-blog .box-icon {
  width: 100%;
  height: 190px;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--color-bg-alt);
}

body.projectnube-blog .box-icon img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}

body.projectnube-blog .box h3 {
  margin: 0 22px 10px;
  color: var(--color-text);
  font-size: 21px;
  line-height: 1.25;
  font-weight: 850;
}

body.projectnube-blog .box p {
  margin: 0 22px;
  color: var(--color-text-muted);
  font-size: 15.5px;
  line-height: 1.55;
}

body.projectnube-blog .text-left {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}

body.projectnube-blog .flotante {
  right: 24px;
  bottom: 24px;
  top: auto;
  left: auto;
  position: fixed;
  z-index: 999;
  width: auto;
  margin-left: 0;
}

body.projectnube-blog .flotante img {
  border-radius: 999px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.2);
}

/* CodeBridge legal pages */
body.projectnube-legal .features-padding {
  width: min(980px, calc(100% - 32px));
}

body.projectnube-legal .legal-document {
  max-width: 900px;
  margin-bottom: 0;
  text-align: left;
}

body.projectnube-legal .legal-document h1 {
  max-width: 760px;
  margin: 0 0 24px;
  font-size: clamp(34px, 4.8vw, 54px);
}

body.projectnube-legal .legal-document p {
  max-width: none;
  margin: 16px 0 0;
  color: var(--color-text-muted);
  font-size: 17px;
  line-height: 1.78;
}

body.projectnube-legal .legal-document p:first-of-type {
  margin-top: 0;
  color: var(--color-text);
  font-size: 18px;
}

body.projectnube-legal .legal-document strong {
  color: var(--color-text);
  font-weight: 850;
}

@media only screen and (max-width: 800px) {
  body.projectnube-blog .fixed-nav-bar {
    height: 56px;
  }

  body.projectnube-blog .fixed-nav-bar li,
  body.projectnube-blog .fixed-nav-bar a {
    height: 56px;
    line-height: 56px;
  }

  body.projectnube-blog .menu-items {
    margin-top: 56px;
    background: rgba(15, 23, 42, 0.96);
  }

  body.projectnube-blog .show,
  body.projectnube-blog .hide,
  body.projectnube-blog .show:visited,
  body.projectnube-blog .hide:visited,
  body.projectnube-blog .menu-items a,
  body.projectnube-blog .menu-items a:visited {
    color: rgba(17, 24, 39, 0.9);
  }

  body.projectnube-blog .menu-items a {
    display: block;
    border-radius: 0;
    font-weight: 650;
  }
}

@media (max-width: 575.98px) {
  body.projectnube-blog .blog-family,
  body.projectnube-blog .gray-bg.section-padding {
    padding: 82px 0 52px;
  }

  body.projectnube-blog .features-padding {
    width: calc(100% - 24px);
  }

  body.projectnube-blog .page-title,
  body.projectnube-blog .blog-style {
    padding: 24px 18px;
    border-radius: var(--radius-md);
  }

  body.projectnube-blog .img-cls-montar,
  body.projectnube-blog .img-cls-administrar,
  body.projectnube-blog .img-cls-conservar,
  body.projectnube-blog .img-cls-generar,
  body.projectnube-blog .img-cls-marketing {
    height: 210px;
    margin-bottom: 22px;
    border-radius: var(--radius-md);
  }

  body.projectnube-blog .box {
    border-radius: var(--radius-md);
  }

  body.projectnube-blog .box-icon {
    height: 176px;
  }


  body.projectnube-blog .flotante img {
    width: 64px;
    height: 64px;
  }
}

/* GLOBAL DARK MODE OVERRIDES */

/* =========================================================
   TERAPP DARK THEME - CONTRAST & AESTHETICS OVERRIDES
   Paleta: Carbón puro (#141414) + Naranja vibrante (#ff6b00) + Blancos/Grises
   ========================================================= */

/* GLOBAL BODY */
body, body.terapp-landing, .terapp-landing {
    background-color: var(--color-bg-base) !important;
    color: var(--color-text-secondary) !important;
    background-image: none !important;
}

/* NAVBAR */
.fixed-nav-bar, nav.fixed-nav-bar {
    background-color: var(--color-bg-header) !important;
    border-bottom: 1px solid var(--color-border) !important;
    backdrop-filter: blur(10px);
}
.menu-items li a, .sitename {
    color: var(--color-text-primary) !important;
}
.menu-items li a:hover {
    color: var(--color-accent-primary) !important;
}

/* HEADER / HERO */
.header-cls-terapp, .title-cls-n, .title-cls-terapp, .app-hero-shell {
    background-color: var(--color-bg-base) !important;
    background-image: none !important;
}

/* ─── SECTION BACKGROUNDS ─── */
/* Elimina fondos blancos/grises claros y los convierte en dark */
.gray-bg, .section-color, .features-detail, .features-padding,
.price-area, .product-preview-section {
    background-color: var(--color-bg-section) !important;
    background-image: none !important;
}

/* Elimina el gradiente y pseudo-elementos que generan fondos azules/blancos */
.app-hero-shell::before, .app-hero-shell::after,
.header-cls-terapp::before, .header-cls-terapp::after,
.title-cls-terapp::before, .title-cls-terapp::after {
    display: none !important;
}

/* ─── HEADINGS ─── */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-text-primary) !important;
}
/* Títulos secundarios de sección: blanco limpio */
.page-title h2, .solution-heading h2, .features-heading h2,
.pricing-heading h2, .product-preview-heading h2 {
    color: var(--color-text-primary) !important;
}
/* Descripciones de sección: gris claro legible */
.page-title p, .solution-heading p, .features-heading p,
.pricing-heading p, .product-preview-heading p {
    color: var(--color-text-secondary) !important;
}

/* ─── BODY TEXT: MÁXIMO CONTRASTE EN DARK ─── */
/* Se sobre-escribe el muted que era #707070 (contraste ~2.3:1, FALLA WCAG AA) */
p, li, span {
    color: var(--color-text-secondary) !important;
}
/* Solo clases de soporte tienen muted, no texto de contenido general */
.section-eyebrow {
    color: var(--color-accent-primary) !important;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* ─── FEATURE CARDS / BOX ─── */
.box {
    background-color: var(--color-bg-card, #222222) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    color: var(--color-text-secondary) !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.5) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.box:hover {
    border-color: var(--color-accent-primary) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(255,107,0,0.15) !important;
    background-color: #272727 !important;
}
.box h3 {
    color: var(--color-text-primary) !important;
}
.box p {
    color: #b0b0b0 !important; /* gris legible, contraste 5:1 sobre #222 */
}

/* ─── SOLUTION CARDS ─── */
.solution-card {
    background-color: var(--color-bg-card, #222222) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    padding: 28px !important;
    color: var(--color-text-secondary) !important;
}
.solution-card-muted {
    border-left: 3px solid #555555 !important;
}
.solution-card-primary {
    border-left: 3px solid var(--color-accent-primary) !important;
}
.solution-label {
    color: var(--color-accent-primary) !important;
    font-weight: 700;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.solution-card h3 {
    color: var(--color-text-primary) !important;
}
.solution-card p, .solution-list li {
    color: #b0b0b0 !important;
}

/* ─── PRICING CARDS ─── */
.price-table, .price-table.active {
    background-color: var(--color-bg-card, #222222) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 16px !important;
    color: var(--color-text-secondary) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
}
.price-table.active {
    border: 2px solid var(--color-accent-primary) !important;
}
.price-table.active.license-overview {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.price-title, .tier-price, .amount .big {
    color: var(--color-accent-primary) !important;
}
.tier-line {
    border-bottom: 1px solid var(--color-border) !important;
}
.tier-name {
    color: var(--color-text-primary) !important;
}
.tier-users, .tier-meta {
    color: #999999 !important;
}
/* ─── AESTHETICS FOR LICENSE SECTION ─── */
.license-header p {
    color: var(--color-text-secondary) !important;
}

body.terapp-landing .license-feature-card, .license-feature-card {
    background-color: var(--color-bg-alt, #181818) !important;
    background-image: none !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

body.terapp-landing .license-feature-card:hover, .license-feature-card:hover {
    transform: translateY(-4px) !important;
    border-color: var(--color-accent-primary) !important;
}

.license-subtitle {
    color: var(--color-text-primary) !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--color-border) !important;
}

.license-list li {
    color: var(--color-text-secondary) !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
}

body.terapp-landing .trust-strip span, .trust-strip span {
    background-color: var(--color-bg-card, #2a2a2a) !important;
    color: var(--color-accent-primary) !important;
    border: 1px solid var(--color-border) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
    border-radius: 20px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    background-image: none !important;
}

/* ─── PRICING TOGGLE TABS ─── */
.pricing-tab {
    background-color: var(--color-bg-alt, #181818) !important;
    color: #999999 !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}
.pricing-tab.active, .pricing-tab:hover {
    background-color: var(--color-accent-primary) !important;
    color: #141414 !important; /* texto NEGRO sobre naranja = máximo contraste */
    border-color: var(--color-accent-primary) !important;
    font-weight: 700 !important;
}

/* ─── BUTTONS / CTA ─── */
.btn-primary, .button {
    background-color: var(--color-accent-primary) !important;
    border-color: var(--color-accent-hover) !important;
    color: #141414 !important; /* NEGRO sobre naranja = contraste 7:1 ✓ WCAG AA */
    font-weight: 700 !important;
    background-image: none !important;
    border-radius: 8px !important;
    letter-spacing: 0.02em;
}
.btn-primary:hover, .button:hover {
    background-color: var(--color-accent-hover) !important;
    color: #000000 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255,107,0,0.35) !important;
}

/* ─── HERO TRUST BADGES ─── */
.hero-trust span {
    background-color: rgba(255,107,0,0.1) !important;
    border: 1px solid rgba(255,107,0,0.25) !important;
    color: var(--color-text-secondary) !important;
    border-radius: 20px;
}

/* ─── FOOTER ─── */
.page-footer {
    background-color: var(--color-bg-header) !important;
    border-top: 1px solid var(--color-border) !important;
}
.page-footer p, .page-footer li, .footer-copyright p {
    color: #999999 !important;
}
.page-footer a {
    color: #b0b0b0 !important;
}
.page-footer a:hover {
    color: var(--color-accent-primary) !important;
}
.footer-copyright {
    color: #666666 !important;
    border-top: 1px solid var(--color-border) !important;
}

/* ─── CONVERSION FOOTER / CTA ─── */
.conversion-footer {
    background-color: var(--color-bg-alt, #181818) !important;
    border-radius: 16px !important;
    border: 1px solid var(--color-border) !important;
    padding: 40px !important;
    margin: 40px 0 !important;
}
.conversion-footer h2 {
    color: var(--color-text-primary) !important;
}
.conversion-footer p {
    color: #b0b0b0 !important;
}
.conversion-actions a:not(.button):not(.btn-primary) {
    color: #b0b0b0 !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
}
.conversion-actions a:hover {
    color: var(--color-accent-primary) !important;
}

/* ─── PRODUCT PREVIEW SECTION ─── */
.product-preview-section {
    background-color: var(--color-bg-section) !important;
    background-image: none !important;
}
.product-preview-heading h2 {
    color: var(--color-text-primary) !important;
}
.product-window {
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}
.product-window-bar span {
    background-color: var(--color-border-alt) !important;
}

/* ─── MISC LINKS ─── */
a {
    color: var(--color-accent-primary) !important;
}
a:hover {
    color: var(--color-accent-hover) !important;
    text-decoration: none !important;
}
.menu-items li a, .sitename {
    color: var(--color-text-primary) !important;
}

/* ─── NEW FEATURE BADGES ─── */
.new-feature-badge {
    background-color: var(--color-accent-primary) !important;
    color: #141414 !important;
    font-weight: 700;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
}

/* ─── LICENSE BADGE ─── */
.license-badge {
    background-color: rgba(255,107,0,0.1) !important;
    border: 1px solid rgba(255,107,0,0.3) !important;
    color: var(--color-accent-primary) !important;
    border-radius: 20px;
    padding: 4px 14px;
}

/* ─── HERO SUBTITLE ─── */
.hero-subtitle {
    color: #b8b8b8 !important;
}

/* ─── SECTION: Problema/Solución - clean full-width divider ─── */
.solution-section {
    background-color: var(--color-bg-section);
    padding: 80px 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}
.solution-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}
.solution-section .solution-heading {
    max-width: 720px;
    margin-bottom: 48px;
}
.solution-section .solution-heading h2 {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--color-text-primary) !important;
    margin-bottom: 16px;
}
.solution-section .solution-heading p {
    color: var(--color-text-secondary) !important;
    font-size: 1.05rem;
    line-height: 1.7;
}
.solution-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

/* ─── SECTION: Funcionalidades - fondo base (alternado) ─── */
.features-section {
    background-color: var(--color-bg-base);
    padding: 80px 0;
    border-bottom: 1px solid var(--color-border);
}
.features-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

/* Suprimir el panel/box gris anterior */
.solution-panel {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   🚀  TERAPP  ·  EPIC DESIGN SYSTEM  v2.0
   Paleta: Carbón + Naranja + Blanco glacial
   ═══════════════════════════════════════════════════════════════ */

/* ── FUENTE: Inter cargada en index.html ──────────────────── */

body.terapp-landing {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #1c1c1e;
    color: #ffffff;
    line-height: 1.6;
}

/* ── DESIGN TOKENS ──────────────────────────────────────────── */
body.terapp-landing {
    --at-base:       #1c1c1e;
    --at-alt:        #252527;
    --at-card:       #2e2e30;
    --at-card-hover: #383838;
    --at-border:     rgba(255,255,255,0.08);
    --at-border-str: rgba(255,255,255,0.14);
    --at-orange:     #ff6b00;
    --at-orange-glow:rgba(255,107,0,0.25);
    --at-orange-dim: rgba(255,107,0,0.10);
    --at-text:       #ffffff;
    --at-muted:      #aeaeb2;
    --at-subtle:     #636366;
    --at-radius-sm:  8px;
    --at-radius-md:  14px;
    --at-radius-lg:  20px;
    --at-radius-xl:  28px;
    --at-shadow-sm:  0 4px 16px rgba(0,0,0,0.35);
    --at-shadow-md:  0 12px 40px rgba(0,0,0,0.5);
    --at-shadow-lg:  0 24px 64px rgba(0,0,0,0.65);
    --at-transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── RESET OVER BOOTSTRAP ────────────────────────────────────── */
body.terapp-landing * { box-sizing: border-box; }
body.terapp-landing a { text-decoration: none; }
body.terapp-landing h1, body.terapp-landing h2, body.terapp-landing h3,
body.terapp-landing h4, body.terapp-landing h5, body.terapp-landing h6 {
    line-height: 1.15;
    font-weight: 800;
    margin: 0;
}
body.terapp-landing p { margin: 0; }
body.terapp-landing img { display: block; max-width: 100%; }
body.terapp-landing ul { list-style: none; margin: 0; padding: 0; }

/* ══════════════════════════════════════════════════════════════
   NAV
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    height: 64px;
    background: rgba(28, 28, 30, 0.82);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid var(--at-border);
}

body.terapp-landing .at-nav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
    height: 100%;
    gap: 24px;
}

body.terapp-landing .at-nav-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--at-text) !important;
    letter-spacing: -0.5px;
    white-space: nowrap;
}
body.terapp-landing .at-nav-brand-icon {
    font-size: 1.4rem;
    color: var(--at-orange);
}

body.terapp-landing .at-nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.terapp-landing .at-nav-links li a {
    color: var(--at-muted) !important;
    font-size: 0.875rem;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: var(--at-radius-sm);
    transition: color var(--at-transition), background var(--at-transition);
}
body.terapp-landing .at-nav-links li a:hover {
    color: var(--at-text) !important;
    background: rgba(255,255,255,0.06);
}

body.terapp-landing .at-nav-cta {
    display: inline-flex;
    align-items: center;
    padding: 9px 20px;
    background: var(--at-orange);
    color: #ffffff !important;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: var(--at-radius-sm);
    transition: background var(--at-transition), box-shadow var(--at-transition), transform var(--at-transition);
    white-space: nowrap;
}
body.terapp-landing .at-nav-cta:hover {
    background: #ff7a1f;
    box-shadow: 0 0 24px var(--at-orange-glow);
    transform: translateY(-1px);
}

/* ══════════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:
        /* Capa naranja en la zona del copy — para legibilidad */
        radial-gradient(ellipse 55% 80% at 10% 50%, rgba(10,6,2,0.75) 0%, transparent 80%),
        /* Capa oscura general sobre toda la imagen */
        linear-gradient(180deg, rgba(17,17,19,0.82) 0%, rgba(17,17,19,0.70) 60%, rgba(17,17,19,0.90) 100%),
        /* Tono naranja muy sutil desde la derecha — cohesión con la paleta */
        radial-gradient(ellipse 60% 50% at 85% 40%, rgba(255,107,0,0.12) 0%, transparent 70%),
        /* Imagen del taller — posicionada a la derecha para no chocar con el panel del producto */
        url('/mechanic_orange_style_1782266400106.png') center/cover no-repeat,
        /* Color base de fallback */
        #111113;
    padding: 100px 32px 80px;
    overflow: hidden;
}


/* Partículas animadas */
body.terapp-landing .at-hero-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
body.terapp-landing .at-hero-particles span {
    position: absolute;
    width: 2px;
    height: 2px;
    background: var(--at-orange);
    border-radius: 50%;
    opacity: 0;
    animation: at-particle-float 8s ease-in-out infinite;
}
body.terapp-landing .at-hero-particles span:nth-child(1) { left: 15%; top: 25%; animation-delay: 0s;   animation-duration: 7s; width:3px; height:3px; }
body.terapp-landing .at-hero-particles span:nth-child(2) { left: 75%; top: 15%; animation-delay: 1.5s; animation-duration: 9s; }
body.terapp-landing .at-hero-particles span:nth-child(3) { left: 40%; top: 70%; animation-delay: 3s;   animation-duration: 6s; width:4px; height:4px; opacity:0.5; }
body.terapp-landing .at-hero-particles span:nth-child(4) { left: 88%; top: 55%; animation-delay: 0.8s; animation-duration: 11s; }
body.terapp-landing .at-hero-particles span:nth-child(5) { left: 5%;  top: 60%; animation-delay: 2.2s; animation-duration: 8s;  width:3px; height:3px; }
body.terapp-landing .at-hero-particles span:nth-child(6) { left: 60%; top: 35%; animation-delay: 4s;   animation-duration: 7s; }

@keyframes at-particle-float {
    0%   { opacity: 0; transform: translateY(0) scale(1); }
    20%  { opacity: 0.7; }
    80%  { opacity: 0.4; }
    100% { opacity: 0; transform: translateY(-60px) scale(0.5); }
}

body.terapp-landing .at-hero-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

body.terapp-landing .at-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--at-orange);
    margin-bottom: 20px;
}

body.terapp-landing .at-dot-pulse {
    width: 8px; height: 8px;
    background: var(--at-orange);
    border-radius: 50%;
    animation: at-pulse 2s ease-in-out infinite;
    flex-shrink: 0;
}
@keyframes at-pulse {
    0%, 100% { opacity: 1; transform: scale(1); box-shadow: 0 0 0 0 var(--at-orange-glow); }
    50%       { opacity: 0.8; transform: scale(1.2); box-shadow: 0 0 0 6px rgba(255,107,0,0); }
}

body.terapp-landing .at-hero-title {
    font-size: clamp(2.4rem, 4.5vw, 4rem);
    font-weight: 900;
    color: var(--at-text);
    letter-spacing: -1.5px;
    line-height: 1.08;
    margin-bottom: 24px;
}
body.terapp-landing .at-hero-accent {
    background: linear-gradient(90deg, var(--at-orange), #ff9f45);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.terapp-landing .at-hero-subtitle {
    font-size: 1.05rem;
    font-weight: 400;
    color: var(--at-muted);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 520px;
}

body.terapp-landing .at-hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

body.terapp-landing .at-hero-trust {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
body.terapp-landing .at-trust-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: var(--at-muted);
}
body.terapp-landing .at-trust-icon {
    color: var(--at-orange);
    font-weight: 700;
}

/* ── HERO VISUAL ── */
body.terapp-landing .at-hero-visual {
    position: relative;
    animation: at-float 6s ease-in-out infinite;
}
@keyframes at-float {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-12px); }
}

body.terapp-landing .at-hero-glow {
    position: absolute;
    inset: -20%;
    background: radial-gradient(ellipse, var(--at-orange-glow) 0%, transparent 70%);
    pointer-events: none;
    animation: at-glow-pulse 4s ease-in-out infinite;
}
@keyframes at-glow-pulse {
    0%, 100% { opacity: 0.5; }
    50%       { opacity: 0.9; }
}

body.terapp-landing .at-product-window {
    position: relative;
    border-radius: var(--at-radius-lg);
    overflow: hidden;
    border: 1px solid var(--at-border-str);
    box-shadow:
        0 0 0 1px rgba(255,107,0,0.1),
        var(--at-shadow-lg),
        0 0 80px rgba(255,107,0,0.12);
    background: var(--at-card);
}

body.terapp-landing .at-product-window-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid var(--at-border);
}
body.terapp-landing .at-product-window-bar .dot {
    width: 12px; height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}
body.terapp-landing .at-product-window-bar .dot.red    { background: #ff5f57; }
body.terapp-landing .at-product-window-bar .dot.yellow { background: #ffbd2e; }
body.terapp-landing .at-product-window-bar .dot.green  { background: #28c840; }
body.terapp-landing .at-window-title {
    margin-left: 8px;
    font-size: 0.75rem;
    color: var(--at-subtle);
    font-weight: 500;
}

body.terapp-landing .at-product-screenshot {
    display: block;
    width: 100%;
    height: auto;
}

/* ══════════════════════════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 26px;
    font-size: 0.95rem;
    font-weight: 700;
    border-radius: var(--at-radius-md);
    transition: all var(--at-transition);
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none !important;
}

body.terapp-landing .at-btn-primary {
    background: var(--at-orange);
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(255,107,0,0.35);
}
body.terapp-landing .at-btn-primary:hover {
    background: #ff7a1f;
    box-shadow: 0 8px 32px rgba(255,107,0,0.5);
    transform: translateY(-2px);
    color: #ffffff !important;
}

body.terapp-landing .at-btn-ghost {
    background: rgba(255,255,255,0.06);
    color: var(--at-text) !important;
    border: 1px solid var(--at-border-str);
}
body.terapp-landing .at-btn-ghost:hover {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.25);
    color: var(--at-text) !important;
    transform: translateY(-2px);
}

body.terapp-landing .at-btn-plan {
    display: block;
    width: 100%;
    text-align: center;
    padding: 13px 20px;
    background: var(--at-orange);
    color: #ffffff !important;
    border-radius: var(--at-radius-sm);
    font-weight: 700;
    font-size: 0.9rem;
    transition: all var(--at-transition);
    box-shadow: 0 4px 16px rgba(255,107,0,0.3);
}
body.terapp-landing .at-btn-plan:hover {
    background: #ff7a1f;
    box-shadow: 0 6px 24px rgba(255,107,0,0.5);
    transform: translateY(-2px);
    color: #ffffff !important;
}

body.terapp-landing .at-btn-whatsapp {
    background: #25d366;
    color: #ffffff !important;
    box-shadow: 0 4px 16px rgba(37,211,102,0.3);
}
body.terapp-landing .at-btn-whatsapp:hover {
    background: #1fb857;
    transform: translateY(-2px);
    color: #ffffff !important;
}

/* ══════════════════════════════════════════════════════════════
   SECTIONS
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-section {
    padding: clamp(72px, 10vw, 120px) 32px;
    position: relative;
}
body.terapp-landing .at-section-base {
    background: var(--at-base);
}
body.terapp-landing .at-section-alt {
    background: var(--at-alt);
    border-top: 1px solid var(--at-border);
    border-bottom: 1px solid var(--at-border);
}

body.terapp-landing .at-section-inner {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

body.terapp-landing .at-section-heading {
    max-width: 600px;
    margin-bottom: 56px;
}
body.terapp-landing .at-section-heading--center {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

body.terapp-landing .at-section-heading h2 {
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    font-weight: 900;
    color: var(--at-text);
    letter-spacing: -0.8px;
    margin: 10px 0 16px;
}
body.terapp-landing .at-section-heading p {
    color: var(--at-muted);
    font-size: 1.05rem;
    line-height: 1.7;
}

body.terapp-landing .at-eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--at-orange);
    margin-bottom: 8px;
}

/* ══════════════════════════════════════════════════════════════
   BADGE
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-badge {
    display: inline-block;
    background: linear-gradient(135deg, var(--at-orange), #ff9f45);
    color: #1c1c1e;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 7px;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ══════════════════════════════════════════════════════════════
   SOLUTION GRID
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-solution-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

body.terapp-landing .at-solution-card {
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-md);
    padding: 32px;
    transition: transform var(--at-transition), border-color var(--at-transition);
}
body.terapp-landing .at-solution-card:hover {
    transform: translateY(-4px);
    border-color: var(--at-border-str);
}

body.terapp-landing .at-solution-card--muted {
    border-left: 3px solid var(--at-subtle);
    opacity: 0.75;
}
body.terapp-landing .at-solution-card--primary {
    border-left: 3px solid var(--at-orange);
    background: linear-gradient(135deg, rgba(255,107,0,0.05) 0%, var(--at-card) 100%);
}
body.terapp-landing .at-solution-card--result {
    border-left: 3px solid #30d158;
    background: linear-gradient(135deg, rgba(48,209,88,0.04) 0%, var(--at-card) 100%);
}

body.terapp-landing .at-solution-label {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--at-orange);
    margin-bottom: 12px;
}
body.terapp-landing .at-solution-card h3 {
    font-size: 1.2rem;
    color: var(--at-text);
    margin-bottom: 12px;
    font-weight: 700;
}
body.terapp-landing .at-solution-card p {
    color: var(--at-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

/* ══════════════════════════════════════════════════════════════
   FEATURES GRID
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

body.terapp-landing .at-feature-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-md);
    padding: 24px;
    transition: transform var(--at-transition), border-color var(--at-transition), box-shadow var(--at-transition);
    cursor: default;
}
body.terapp-landing .at-feature-card:hover {
    transform: translateY(-5px);
    border-color: var(--at-orange);
    box-shadow: 0 0 0 1px var(--at-orange-dim), var(--at-shadow-md);
}

body.terapp-landing .at-feature-card-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--at-orange-dim);
    border-radius: var(--at-radius-sm);
    border: 1px solid rgba(255,107,0,0.15);
}

body.terapp-landing .at-feature-card-body h3 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--at-text);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
body.terapp-landing .at-feature-card-body p {
    font-size: 0.875rem;
    color: var(--at-muted);
    line-height: 1.6;
}

/* ══════════════════════════════════════════════════════════════
   PRODUCT PREVIEW CAROUSEL
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-preview-section {
    position: relative;
}
body.terapp-landing .at-preview-section::before {
    content: '';
    position: absolute;
    top: -1px; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--at-orange), transparent);
}

body.terapp-landing .at-preview-carousel-wrapper {
    position: relative;
    border-radius: var(--at-radius-xl);
    overflow: hidden;
    border: 1px solid var(--at-border-str);
    box-shadow: var(--at-shadow-lg), 0 0 60px rgba(255,107,0,0.08);
}
body.terapp-landing .at-preview-carousel-wrapper .wrapper {
    margin: 0;
    max-width: none;
    border-radius: 0;
}
body.terapp-landing .at-preview-carousel-wrapper article img {
    border-radius: 0;
}

/* ══════════════════════════════════════════════════════════════
   PRICING
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-pricing-section {
    background:
        radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255,107,0,0.06) 0%, transparent 70%),
        var(--at-alt);
    border-top: 1px solid var(--at-border);
}

/* Trust strip */
body.terapp-landing .at-trust-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 56px;
}
body.terapp-landing .at-trust-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--at-card);
    border: 1px solid var(--at-border-str);
    color: var(--at-muted);
    font-size: 0.82rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 99px;
    transition: border-color var(--at-transition), color var(--at-transition);
}
body.terapp-landing .at-trust-chip svg { color: var(--at-orange); flex-shrink: 0; }
body.terapp-landing .at-trust-chip:hover {
    border-color: var(--at-orange);
    color: var(--at-text);
}

/* License grid */
body.terapp-landing .at-license-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 64px;
}
body.terapp-landing .at-license-card {
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-md);
    padding: 24px;
    transition: border-color var(--at-transition), transform var(--at-transition);
}
body.terapp-landing .at-license-card:hover {
    border-color: var(--at-border-str);
    transform: translateY(-3px);
}
body.terapp-landing .at-license-card-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--at-orange);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--at-border);
}
body.terapp-landing .at-license-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.terapp-landing .at-license-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--at-muted);
    line-height: 1.5;
}
body.terapp-landing .at-license-list li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

/* Region switch */
body.terapp-landing .at-region-switch {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 32px;
    padding: 4px;
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-md);
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
body.terapp-landing .at-region-btn {
    padding: 10px 22px;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--at-radius-sm);
    color: var(--at-muted);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all var(--at-transition);
}
body.terapp-landing .at-region-btn--active {
    background: var(--at-orange);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(255,107,0,0.35);
}
body.terapp-landing .at-region-btn:not(.at-region-btn--active):hover {
    color: var(--at-text);
    background: rgba(255,255,255,0.06);
}

/* Plan cards */
body.terapp-landing .at-plan-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

body.terapp-landing .at-plan-card {
    position: relative;
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-lg);
    padding: 32px 28px;
    transition: transform var(--at-transition), border-color var(--at-transition), box-shadow var(--at-transition);
    display: flex;
    flex-direction: column;
    gap: 16px;
}
body.terapp-landing .at-plan-card:hover {
    transform: translateY(-6px);
    border-color: var(--at-border-str);
    box-shadow: var(--at-shadow-md);
}
body.terapp-landing .at-plan-card--popular {
    border-color: var(--at-orange);
    background: linear-gradient(160deg, rgba(255,107,0,0.08) 0%, var(--at-card) 60%);
    box-shadow: 0 0 0 1px rgba(255,107,0,0.25), var(--at-shadow-md);
}
body.terapp-landing .at-plan-card--popular:hover {
    box-shadow: 0 0 0 1px rgba(255,107,0,0.5), var(--at-shadow-lg);
}

body.terapp-landing .at-plan-popular-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--at-orange);
    color: #1c1c1e;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 14px;
    border-radius: 99px;
    white-space: nowrap;
}

body.terapp-landing .at-plan-header {}
body.terapp-landing .at-plan-name {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--at-text);
    margin-bottom: 4px;
}
body.terapp-landing .at-plan-users {
    font-size: 0.8rem;
    color: var(--at-muted);
}

body.terapp-landing .at-plan-price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
body.terapp-landing .at-plan-price-amount {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--at-orange);
    letter-spacing: -0.5px;
}
body.terapp-landing .at-plan-price-period {
    font-size: 0.85rem;
    color: var(--at-muted);
}

body.terapp-landing .at-plan-free-trial {
    font-size: 0.8rem;
    color: #30d158;
    font-weight: 600;
    margin: -8px 0 0;
}

body.terapp-landing .at-plan-gateway {
    margin-top: auto;
    opacity: 0.5;
}
body.terapp-landing .at-plan-gateway img {
    height: 20px;
    width: auto;
}

body.terapp-landing .at-pricing-note {
    text-align: center;
    font-size: 0.8rem;
    color: var(--at-subtle);
    margin: 4px 0 56px;
}
body.terapp-landing .at-pricing-note strong { color: var(--at-muted); }

/* CTA strip */
body.terapp-landing .at-cta-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 48px;
    background: var(--at-card);
    border: 1px solid var(--at-border-str);
    border-radius: var(--at-radius-xl);
    background-image: radial-gradient(ellipse 60% 80% at 0% 50%, rgba(255,107,0,0.06) 0%, transparent 70%);
}
body.terapp-landing .at-cta-strip-copy h2 {
    font-size: clamp(1.3rem, 2.5vw, 2rem);
    font-weight: 800;
    color: var(--at-text);
    margin-bottom: 8px;
}
body.terapp-landing .at-cta-strip-copy p {
    color: var(--at-muted);
    font-size: 0.95rem;
}
body.terapp-landing .at-cta-strip-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-footer {
    background: #111113;
    border-top: 1px solid var(--at-border);
    padding: 64px 32px 0;
}
body.terapp-landing .at-footer-inner {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 64px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 48px;
    border-bottom: 1px solid var(--at-border);
}
body.terapp-landing .at-footer-brand p {
    color: var(--at-muted);
    font-size: 0.875rem;
    line-height: 1.65;
    margin: 16px 0 20px;
    max-width: 280px;
}
body.terapp-landing .at-footer-social {
    display: flex;
    gap: 12px;
}
body.terapp-landing .at-footer-social a {
    opacity: 0.6;
    transition: opacity var(--at-transition);
}
body.terapp-landing .at-footer-social a:hover { opacity: 1; }

body.terapp-landing .at-footer-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
body.terapp-landing .at-footer-col h6 {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--at-text);
    margin-bottom: 16px;
}
body.terapp-landing .at-footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.terapp-landing .at-footer-col ul li a {
    font-size: 0.875rem;
    color: var(--at-muted) !important;
    transition: color var(--at-transition);
}
body.terapp-landing .at-footer-col ul li a:hover {
    color: var(--at-text) !important;
}

body.terapp-landing .at-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 0;
    font-size: 0.8rem;
    color: var(--at-subtle);
}

/* WhatsApp flotante */
body.terapp-landing .at-whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999;
    transition: transform var(--at-transition), filter var(--at-transition);
    filter: drop-shadow(0 4px 16px rgba(37,211,102,0.4));
}
body.terapp-landing .at-whatsapp-float:hover {
    transform: scale(1.1) translateY(-3px);
    filter: drop-shadow(0 8px 24px rgba(37,211,102,0.6));
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    body.terapp-landing .at-nav-links { display: none; }

    body.terapp-landing .at-hero-inner {
        grid-template-columns: 1fr;
        gap: 48px;
        text-align: center;
    }
    body.terapp-landing .at-hero-subtitle { max-width: none; }
    body.terapp-landing .at-hero-actions { justify-content: center; }
    body.terapp-landing .at-hero-trust { justify-content: center; }
    body.terapp-landing .at-hero-visual { max-width: 600px; margin: 0 auto; }

    body.terapp-landing .at-plan-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    body.terapp-landing .at-cta-strip {
        flex-direction: column;
        text-align: center;
        padding: 36px 24px;
    }
    body.terapp-landing .at-cta-strip-actions { justify-content: center; }

    body.terapp-landing .at-footer-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    body.terapp-landing .at-footer-links {
        grid-template-columns: repeat(2, 1fr);
    }
    body.terapp-landing .at-footer-bottom {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}

@media (max-width: 600px) {
    body.terapp-landing .at-hero { padding: 90px 20px 60px; }
    body.terapp-landing .at-section { padding: 56px 20px; }
    body.terapp-landing .at-nav-inner { padding: 0 20px; }
    body.terapp-landing .at-footer { padding: 48px 20px 0; }
    body.terapp-landing .at-license-grid { grid-template-columns: 1fr; }
    body.terapp-landing .at-footer-links { grid-template-columns: 1fr; }
}/* ═══════════════════════════════════════════════════════════════
   🚀  TERAPP  ·  EPIC UPGRADES v2.1
   ═══════════════════════════════════════════════════════════════ */

/* ── GRADIENT TEXT ────────────────────────────────────────────── */
body.terapp-landing .at-text-gradient {
    background: linear-gradient(90deg, var(--at-orange) 0%, #ff9f45 50%, #ffcf78 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── HERO GRID BACKGROUND ─────────────────────────────────────── */
body.terapp-landing .at-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,107,0,0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,107,0,0.025) 1px, transparent 1px);
    background-size: 50px 50px;
    mask-image: radial-gradient(ellipse 90% 90% at 50% 50%, black 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}


/* ── ORBS DE LUZ ─────────────────────────────────────────────── */
body.terapp-landing .at-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    pointer-events: none;
}
body.terapp-landing .at-orb-1 {
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(255,107,0,0.12) 0%, transparent 70%);
    right: -100px; top: -100px;
    animation: at-orb-pulse 8s ease-in-out infinite;
}
body.terapp-landing .at-orb-2 {
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(255,107,0,0.07) 0%, transparent 70%);
    left: 5%; bottom: 10%;
    animation: at-orb-pulse 10s ease-in-out infinite reverse;
}
body.terapp-landing .at-orb-3 {
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(56,189,248,0.05) 0%, transparent 70%);
    left: 40%; top: 20%;
    animation: at-orb-pulse 12s ease-in-out infinite 2s;
}
@keyframes at-orb-pulse {
    0%, 100% { transform: scale(1) translate(0, 0); opacity: 0.6; }
    33%       { transform: scale(1.15) translate(20px, -15px); opacity: 1; }
    66%       { transform: scale(0.9) translate(-15px, 20px); opacity: 0.7; }
}

/* ── HERO PARTICLES (12 puntos) ──────────────────────────────── */
body.terapp-landing .at-hero-particles span:nth-child(7)  { left: 25%; top: 80%; animation-delay: 0.5s;  animation-duration: 8s;  width:2px; height:2px; }
body.terapp-landing .at-hero-particles span:nth-child(8)  { left: 50%; top: 10%; animation-delay: 2s;    animation-duration: 10s; width:3px; height:3px; }
body.terapp-landing .at-hero-particles span:nth-child(9)  { left: 90%; top: 30%; animation-delay: 1.2s;  animation-duration: 7s;  }
body.terapp-landing .at-hero-particles span:nth-child(10) { left: 70%; top: 75%; animation-delay: 3.5s;  animation-duration: 9s;  width:3px; height:3px; }
body.terapp-landing .at-hero-particles span:nth-child(11) { left: 33%; top: 45%; animation-delay: 0.3s;  animation-duration: 6s;  }
body.terapp-landing .at-hero-particles span:nth-child(12) { left: 80%; top: 88%; animation-delay: 4.5s;  animation-duration: 11s; width:2px; height:2px; }

/* ── HERO TITLE sub ─────────────────────────────────────────── */
body.terapp-landing .at-hero-sub {
    color: var(--at-muted);
    font-weight: 500;
}

/* ── HERO TRUST divider ─────────────────────────────────────── */
body.terapp-landing .at-trust-divider {
    width: 1px;
    height: 16px;
    background: var(--at-border-str);
    flex-shrink: 0;
}

/* ── HERO STATS ─────────────────────────────────────────────── */
body.terapp-landing .at-hero-stats {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid var(--at-border);
}
body.terapp-landing .at-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
body.terapp-landing .at-stat-value {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--at-orange);
    letter-spacing: -0.5px;
    line-height: 1;
}
body.terapp-landing .at-stat-label {
    font-size: 0.72rem;
    color: var(--at-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
body.terapp-landing .at-stat-sep {
    width: 1px;
    height: 40px;
    background: var(--at-border);
    flex-shrink: 0;
}

/* ── HERO BTN XL ─────────────────────────────────────────────── */
body.terapp-landing .at-btn-xl {
    padding: 16px 32px !important;
    font-size: 1rem !important;
    letter-spacing: 0.01em;
}

/* ── FLOATERS (notificaciones flotantes) ─────────────────────── */
body.terapp-landing .at-floater {
    position: absolute;
    background: rgba(46, 46, 48, 0.95);
    border: 1px solid var(--at-border-str);
    backdrop-filter: blur(12px);
    border-radius: 40px;
    padding: 10px 16px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--at-text);
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
    box-shadow: var(--at-shadow-sm), 0 0 0 1px rgba(255,107,0,0.08);
}
body.terapp-landing .at-floater span {
    margin-right: 6px;
}
body.terapp-landing .at-floater-1 {
    top: -16px;
    right: 30px;
    animation: at-floater-bob 4s ease-in-out infinite;
}
body.terapp-landing .at-floater-2 {
    bottom: 24px;
    left: -20px;
    animation: at-floater-bob 5s ease-in-out infinite 1.5s;
}
@keyframes at-floater-bob {
    0%, 100% { transform: translateY(0); }
    50%       { transform: translateY(-8px); }
}

/* ── HERO SCREENSHOT WRAPPER ─────────────────────────────────── */
body.terapp-landing .at-screenshot-wrapper {
    position: relative;
    overflow: hidden;
}
body.terapp-landing .at-screenshot-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 30%;
    background: linear-gradient(to bottom, transparent, rgba(28,28,30,0.3));
    pointer-events: none;
}

/* ── HERO GLOW SECONDARY ─────────────────────────────────────── */
body.terapp-landing .at-hero-glow-secondary {
    position: absolute;
    inset: -30%;
    background: radial-gradient(ellipse 50% 50% at 80% 80%, rgba(56,189,248,0.04) 0%, transparent 70%);
    pointer-events: none;
}

/* ── HERO WAVE ───────────────────────────────────────────────── */
body.terapp-landing .at-hero-wave {
    position: absolute;
    bottom: -1px; left: 0; right: 0;
    line-height: 0;
}
body.terapp-landing .at-hero-wave svg {
    width: 100%;
    height: 60px;
}

/* ══════════════════════════════════════════════════════════════
   SOLUTION V2 — VS CARDS
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-solution-section {
    position: relative;
}

body.terapp-landing .at-vs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
}

body.terapp-landing .at-vs-card {
    border-radius: var(--at-radius-lg);
    padding: 36px;
    border: 1px solid var(--at-border);
    transition: transform var(--at-transition), box-shadow var(--at-transition);
    position: relative;
    overflow: hidden;
}
body.terapp-landing .at-vs-card::before {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity var(--at-transition);
}
body.terapp-landing .at-vs-card:hover {
    transform: translateY(-4px);
}

body.terapp-landing .at-vs-card--muted {
    background: linear-gradient(135deg, #1e1e20, var(--at-card));
    border-left: 3px solid var(--at-subtle);
    opacity: 0.8;
}
body.terapp-landing .at-vs-card--primary {
    background: linear-gradient(135deg, rgba(255,107,0,0.07) 0%, var(--at-card) 50%);
    border-left: 3px solid var(--at-orange);
    box-shadow: 0 0 0 1px rgba(255,107,0,0.12), var(--at-shadow-sm);
}
body.terapp-landing .at-vs-card--primary:hover {
    box-shadow: 0 0 0 1px rgba(255,107,0,0.25), var(--at-shadow-md);
}

body.terapp-landing .at-vs-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}
body.terapp-landing .at-vs-icon {
    font-size: 1.8rem;
    flex-shrink: 0;
    width: 52px; height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--at-bg-alt, rgba(255,255,255,0.04));
    border-radius: var(--at-radius-md);
    border: 1px solid var(--at-border);
}
body.terapp-landing .at-vs-card-header .at-solution-label {
    display: block;
    margin-bottom: 4px;
}
body.terapp-landing .at-vs-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--at-text);
    margin: 0;
}

body.terapp-landing .at-vs-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
body.terapp-landing .at-vs-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.9rem;
    color: var(--at-muted);
    line-height: 1.5;
}
body.terapp-landing .at-vs-bullet {
    color: var(--at-subtle);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
}
body.terapp-landing .at-vs-card--primary .at-vs-bullet {
    color: var(--at-orange);
}

/* RESULT BANNER */
body.terapp-landing .at-result-banner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 32px;
    background: linear-gradient(90deg, rgba(255,107,0,0.08) 0%, rgba(255,107,0,0.02) 100%);
    border: 1px solid rgba(255,107,0,0.2);
    border-radius: var(--at-radius-lg);
    font-size: 0.95rem;
    color: var(--at-muted);
    line-height: 1.6;
}
body.terapp-landing .at-result-banner strong {
    color: var(--at-orange);
}
body.terapp-landing .at-result-icon {
    font-size: 2rem;
    flex-shrink: 0;
}

/* ══════════════════════════════════════════════════════════════
   FEATURES GRID V2 — TARJETAS CON ACENTO DE COLOR
   ══════════════════════════════════════════════════════════════ */
body.terapp-landing .at-features-grid-v2 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

body.terapp-landing .at-feature-card-v2 {
    position: relative;
    background: var(--at-card);
    border: 1px solid var(--at-border);
    border-radius: var(--at-radius-md);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    transition: transform var(--at-transition), border-color var(--at-transition), box-shadow var(--at-transition);
    cursor: default;
}
body.terapp-landing .at-feature-card-v2::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: var(--accent, var(--at-orange));
    opacity: 0;
    transition: opacity var(--at-transition);
}
body.terapp-landing .at-feature-card-v2:hover {
    transform: translateY(-6px);
    border-color: var(--accent, var(--at-orange));
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--accent, #ff6b00) 15%, transparent),
        var(--at-shadow-md);
}
body.terapp-landing .at-feature-card-v2:hover::after {
    opacity: 1;
}

body.terapp-landing .at-feature-card-v2-icon {
    font-size: 1.6rem;
    width: 52px; height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--at-radius-sm);
    border: 1px solid;
    flex-shrink: 0;
}

body.terapp-landing .at-feature-card-v2-body h3 {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--at-text);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.35;
}
body.terapp-landing .at-feature-card-v2-body p {
    font-size: 0.84rem;
    color: var(--at-muted);
    line-height: 1.65;
}

/* Acento de color en la esquina inferior */
body.terapp-landing .at-feature-card-v2-accent {
    position: absolute;
    bottom: -30px; right: -30px;
    width: 80px; height: 80px;
    border-radius: 50%;
    background: var(--accent, var(--at-orange));
    opacity: 0.04;
    transition: opacity var(--at-transition), transform var(--at-transition);
    pointer-events: none;
}
body.terapp-landing .at-feature-card-v2:hover .at-feature-card-v2-accent {
    opacity: 0.10;
    transform: scale(1.4);
}

/* ── RESPONSIVE EXTRAS ─────────────────────────────────────── */
@media (max-width: 1100px) {
    body.terapp-landing .at-features-grid-v2 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 750px) {
    body.terapp-landing .at-vs-grid {
        grid-template-columns: 1fr;
    }
    body.terapp-landing .at-hero-stats {
        flex-wrap: wrap;
        gap: 16px;
    }
    body.terapp-landing .at-hero-stats .at-stat-sep {
        display: none;
    }
    body.terapp-landing .at-floater { display: none; }
    body.terapp-landing .at-result-banner {
        flex-direction: column;
        text-align: center;
    }
}
@media (max-width: 600px) {
    body.terapp-landing .at-features-grid-v2 {
        grid-template-columns: 1fr;
    }
}

/* ── ANIMACIONES DE ENTRADA con CSS ──────────────────────────── */
@keyframes at-fade-up {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes at-fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

body.terapp-landing .at-hero-copy {
    animation: at-fade-up 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.terapp-landing .at-hero-visual {
    animation: at-fade-up 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}
body.terapp-landing .at-hero-stats {
    animation: at-fade-in 0.8s ease 0.5s both;
}