@font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Thin.woff2') format('woff2'), url('fuentes/Clario-Thin.woff') format('woff');
    font-weight:100;
    font-style:normal;
    font-display:swap; 
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-ThinItalic.woff2') format('woff2'), url('fuentes/Clario-ThinItalic.woff') format('woff');
    font-weight:100;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Air.woff2') format('woff2'), url('fuentes/Clario-Air.woff') format('woff');
    font-weight:200;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-AirItalic.woff2') format('woff2'), url('fuentes/Clario-AirItalic.woff') format('woff');
    font-weight:200;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Light.woff2') format('woff2'), url('fuentes/Clario-Light.woff') format('woff');
    font-weight:300;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-LightItalic.woff2') format('woff2'), url('fuentes/Clario-LightItalic.woff') format('woff');
    font-weight:300;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Regular.woff2') format('woff2'), url('fuentes/Clario-Regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-RegularItalic.woff2') format('woff2'), url('fuentes/Clario-RegularItalic.woff') format('woff');
    font-weight:400;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Medium.woff2') format('woff2'), url('fuentes/Clario-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-MediumItalic.woff2') format('woff2'), url('fuentes/Clario-MediumItalic.woff') format('woff');
    font-weight:500;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Bold.woff2') format('woff2'), url('fuentes/Clario-Bold.woff') format('woff');
    font-weight:700;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-BoldItalic.woff2') format('woff2'), url('fuentes/Clario-BoldItalic.woff') format('woff');
    font-weight:700;
    font-style:italic;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-Black.woff2') format('woff2'), url('fuentes/Clario-Black.woff') format('woff');
    font-weight:900;
    font-style:normal;
    font-display:swap;
  }
  @font-face{
    font-family:'Clario';
    src:url('fuentes/Clario-BlackItalic.woff2') format('woff2'), url('fuentes/Clario-BlackItalic.woff') format('woff');
    font-weight:900;
    font-style:italic;
    font-display:swap;
  }

 :root{
    /* Primary Palette */
    --tr-orange:#D64000;
    --tr-orange-dark:#A83400;
    --tr-racing-green:#123015;
    --tr-bold-navy:#011B35;
    --tr-white:#FFFFFF;
    /* Fonts Palette */
    --tr-graphite:#212223;
    /* Secondary Palette */
    --tr-light-gold:#FCF2DA;
    --tr-dark-gold:#E9B045;
    --tr-light-amber:#F8EADD;
    --tr-dark-amber:#D4792A;
    --tr-light-sky:#E3F1FD;
    --tr-dark-sky:#0874E3;
    --tr-light-teal:#E3F3EE;
    --tr-dark-teal:#4DB299;
    --tr-light-lime:#E1F4CD;
    --tr-dark-lime:#8FCB64;
    /* Neutral Palette */
    --tr-black:#000000;
    --tr-gray-1:#F9F7F1;
    --tr-gray-2:#E5E5E5;
    --tr-gray-3:#9F9F9F;
    --tr-gray-4:#7A7A7A;
    /* Alert Palette */
    --tr-alert-red:#DC0A0A;
    --tr-alert-green:#387C2B;
    --tr-alert-orange:#D4792A;
    --tr-alert-blue:#0099C4;
    --tr-body-text:#404040;

    /* Aliases used throughout */
    --tr-green:var(--tr-racing-green);
    --tr-green-dark:var(--tr-bold-navy);
    --tr-gray-bg:var(--tr-gray-2);
    --tr-gray-bg-2:#EAEAEA;
    --tr-blue-bg:var(--tr-light-sky);
    --tr-text:var(--tr-graphite);
    --tr-text-light:var(--tr-gray-4);

    /* Typography scale — clamp(mobile, fluid, desktop) */
    --fs-h1: clamp(2.625rem, 1.7rem + 3.3vw, 3.9375rem);   /* 42px -> 63px */
    --fs-h2: clamp(1.75rem, 1.2rem + 2vw, 2.625rem);        /* 28px -> 42px */
    --fs-h3: 1.75rem;                                       /* 28px both */
    --fs-h4: 1.3125rem;                                     /* 21px both */
    --fs-p: clamp(1rem, 0.9rem + 0.3vw, 1.125rem);          /* 18px both */
    --fs-p2: 1rem;                                          /* 16px both */
    --fs-eyebrow: 0.7125rem;                                /* 11.4px both */

    font-family:'Clario';
  }
  body{
    color:var(--tr-body-text);
    font-family:'Clario';
    font-size:var(--fs-p);
  }
  .container-wrapper {
    margin: 0 auto;
    max-width: 1240px;
    --bs-gutter-x: 2.5rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  h1,h2,h3,h4,h5,.font-display{
    font-family:'Clario';
    font-weight:700;
    color:var(--tr-text);
  }
  h1{font-size:var(--fs-h1);}
  h2{font-size:var(--fs-h2);}
  h3{font-size:var(--fs-h3);}
  h4{font-size:var(--fs-h4);}
  h5{font-size:var(--fs-h4);}
  p{font-size:var(--fs-p);}
  .small, small{font-size:var(--fs-p2);}
  .fs-h1{font-size:var(--fs-h1) !important;}      /* 42px → 63px */
  .fs-h2{font-size:var(--fs-h2) !important;}      /* 28px → 42px */
  .fs-h3{font-size:var(--fs-h3) !important;}      /* 28px */
  .fs-h4{font-size:var(--fs-h4) !important;}      /* 21px */
  @media (max-width:767.98px){
    .fs-h3,
    .fs-h4{
      font-size:1.125rem !important; /* 18px en móvil */
    }
  }
  .fs-p{font-size:var(--fs-p) !important;}        /* 16px → 18px */
  .fs-p2{font-size:var(--fs-p2) !important;}      /* 16px */
  .fs-eyebrow{font-size:var(--fs-eyebrow) !important;} /* 11.4px */
  .text-orange{color:var(--tr-orange) !important;}
  .text-tr-body{color:var(--tr-body-text) !important;}
  .bg-orange{background-color:var(--tr-orange) !important;}
  .btn-tr-orange{
    background-color:var(--tr-orange);
    border-color:var(--tr-orange);
    color:#fff;
    font-weight:500;
    padding:.5rem 1.6rem;
    border-radius:6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
  }
  .btn-tr-orange::before{
    content:"";
    order:2;
    width:1rem;
    height:1rem;
    flex-shrink:0;
    background-image:url('/images/lp-cocounsel-core/ia-juridica-icono-boton.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }
  .btn-tr-orange:hover{
    background-color:var(--tr-orange-dark);
    border-color:var(--tr-orange-dark);
    color:#fff;
  }
  .btn-no-icon::before{display:none !important;}
  .bg-tr-green{background-color:var(--tr-green) !important;}
  .bg-tr-gray-2{background-color:var(--tr-gray-bg-2) !important;}
  .top-accent{height:4px;}
  a{text-decoration:none;}
  .link-orange{color:var(--tr-orange);}
  .link-orange:hover{color:var(--tr-orange-dark);}
  .getscript {cursor: pointer;}
  
  .link-arrow{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
  }
  .link-arrow::before{
    content:"";
    order:2;
    width:.85rem;
    height:.85rem;
    flex-shrink:0;
    background-image:url('/images/lp-cocounsel-core/ia-juridica-flecha-link.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }
  
  .section-divider{
    border-bottom:2px solid #000;
    padding-bottom:2rem;
    margin-bottom:2rem;
  }

  form#brochureForm div#email-error {
    margin-top: -10px;
    margin-bottom: 10px;
}


button#plg_system_webauthn-fs3bCIWiJQPt-i85LcD2w {
    max-width: 87px;
    display: none;
}

.controls {
    margin: 0 0 15px;
} 

.controls svg {
    display: none;
}

[role="tooltip"] {
  display: none !important;
}

.float-end {
    display: none;
}

  @media (min-width:992px){
    .section-divider{
      border-bottom:0;
      border-right:2px solid #000;
      padding-bottom:0;
      margin-bottom:0;
    }
  }

  /* Header */
  .navbar>.container {
    max-width: 1240px;
    --bs-gutter-x: 2.5rem;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
  }
  .navbar-brand-tr{
    font-weight:700;
    font-size:1.15rem;
    color:var(--tr-text);
  }
  .navbar-navv{
    list-style:none;
    gap:1.75rem;
  }
  .navbar-navv .nav-link{
    list-style:none;
  }
  .navbar-navv .nav-link > a{
    font-size:.92rem;
    font-weight:500;
    color:var(--tr-text);
    white-space:nowrap;
  }
  .navbar-navv .nav-link > a:hover,
  .navbar-navv .nav-link.current > a,
  .navbar-navv .nav-link.active > a{
    color:var(--tr-orange);
  }
  .mexico-bar{
    width:100%;
    background-color:var(--tr-gray-bg-2);
    color:var(--tr-text-light);
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    padding:.5rem 1.5rem;
  }
  #que-es, #funcionalidades, #comparativo, #seguridad, #faq, #contacto{
    scroll-margin-top:76px;
  }
  .country-tag{
    color:#7a7a7a;
    font-size:.85rem;
    letter-spacing:.05em;
    font-weight:600;
  }

  /* Hero */
  .hero{
    position:relative;
    padding-top: 20px;
    padding-bottom: 68%;
    background:
      url('/images/lp-cocounsel-core/IA-Juridica-banner.png') center/cover;
    display:flex;
    align-items:center;
    justify-content: center;
  }
  @media (min-width:768px){
    .hero{
      min-height:552px;
      padding-bottom: 0;
      background:
      url('/images/lp-cocounsel-core/ia-juridica-banner-v2.webp') center/cover;
    }
  }
  .hero h1{
    color:#fff;
    line-height:1.15;
  }
  .hero h1 .text-orange{font-weight:800;}
  .hero p{
    color:#eee;
    max-width:560px;
  }

  /* Small banner (mid CTA) */
  .mini-banner{
    background:var(--tr-gray-bg-2);
    overflow:hidden;
  }
  .cta-banner-img{
    padding-bottom: 40%;
    background-color:var(--tr-gray-bg-2);
    background-image:url('/images/lp-cocounsel-core/ia-juridica-fondo-cta-movil.webp');
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
  }
  
  @media (min-width: 768px) {
    .cta-banner-img{
      padding-bottom: 0;
      background-image:url('/images/lp-cocounsel-core/ia-juridica-fondo-cta.webp');
    }
  }

  /* section spacing */
  .eyebrow{
    color:var(--tr-orange);
    font-weight:700;
    font-size:var(--fs-eyebrow);
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  /* Que es CoCounsel */
  .stat-callout h3{
    color:var(--tr-orange);
  }

  /* Tabs feature section */
  .feature-tabs .nav-link{
    position:relative;
    color:var(--tr-text);
    font-size: 16px;
    font-weight:400;
    border:1px solid #e2e2e2;
    border-left:4px solid #D0D0D0;
    border-radius:0;
    text-align:left;
    padding:1rem 1.2rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
  }
  .feature-tabs .nav-link:hover,
  .feature-tabs .nav-link.active{
    background:transparent;
    border-left:4px solid var(--tr-orange);
    border-right: 0;
    color:var(--tr-text);
  }
  .feature-tabs .nav-link:hover::after,
  .feature-tabs .nav-link.active::after{
    content:"";
    position:absolute;
    left: -2px;
    bottom:-1px;
    width:33%;
    height:2px;
    background-color:var(--tr-orange);
  }
  .tab-arrow{
    display:inline-block;
    flex-shrink:0;
    width:.9rem;
    height:.9rem;
  }
  .tab-arrow::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-image:url('/images/lp-cocounsel-core/ia-juridica-flecha-menu-lateral.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }
  .feature-tabs .nav-link:hover .tab-arrow,
  .feature-tabs .nav-link.active .tab-arrow{
    display:none;
  }
  
  /* Tabs en móvil: fila horizontal con scroll, indicador activo como subrayado */
  @media (max-width:991.98px){
    .feature-tabs .nav-pills{
      flex-direction:row !important;
      flex-wrap:nowrap;
      overflow-x:auto;
      -webkit-overflow-scrolling:touch;
      scrollbar-width:none;
      gap:1.5rem;
    }
    .feature-tabs .nav-pills::-webkit-scrollbar{
      display:none;
    }
    .feature-tabs .nav-link{
      flex:0 0 auto;
      border:0 !important;
      border-bottom:2px solid transparent !important;
      padding:0 !important;
      white-space:nowrap;
    }
    .feature-tabs .nav-link .tab-arrow{
      display:none !important;
    }
    .feature-tabs .nav-link:hover,
    .feature-tabs .nav-link.active{
      border-bottom:2px solid var(--tr-orange) !important;
    }
    .feature-tabs .nav-link:hover::after,
    .feature-tabs .nav-link.active::after{
      display:none;
    }
  }
  
  /* Bullets con checkmark (imagen vía ::before) */
  .check-list{
    list-style:none;
    padding-left:0;
  }
  .check-list li{
    position:relative;
    margin-bottom:.5rem;
    padding-left:1.5rem;
    margin-left: 1rem;
    font-size: 16px;
  }
  .check-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.3em;
    width:12px;
    height:12px;
    background-image:url('/images/lp-cocounsel-core/ia-juridica-bullet-palomita.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }

  /* Brochure banner */
  .brochure-banner{
    background:var(--tr-blue-bg);
  }
  /* Comparison grid */
  .compare-icon{
    height:120px;
    margin:0 auto 20px;
    color:var(--tr-orange);
  }

  /* Testimonials */
  .quote-block blockquote{
    font-size:1.05rem;
  }
  .quote-block cite{
    font-style:normal;
    color:var(--tr-text);
    display:block;
    margin-top:.5rem;
  }

  /* Security */
  .security-card img{
    width:100%;
    height:220px;
    object-fit:cover;
  }
  .cert-item:not(:last-child){
    border-bottom:1px solid var(--tr-orange);
    padding-bottom:1.5rem;
  }
  @media (min-width:768px){
    .cert-item:not(:last-child){
      border-bottom:0;
      border-right:1px solid var(--tr-orange);
      padding-bottom:0;
    }
  }

  /* Integrations */
  .integration-logo img{
    width:164px;
    height:92px;
    object-fit:contain;
  }

  /* Contact section */
  .contact-video-block{
    background:url('/images/lp-cocounsel-core/thumbnail.webp') center/cover;
    min-height:300px;
  }
  .contact-form-card{
    padding:2rem;
  }
  .form-label {
    margin-bottom: 0;
  }
  .form-control, .form-select{
    border-radius:2px;
    border-color:#c9c9c9;
  }

  /* FAQ */
  .accordion-button{
    font-weight:700;
    color:var(--tr-text);
    font-size:24px;
  }
  .accordion-button:not(.collapsed){
    background:#fff;
    color:var(--tr-text);
    box-shadow:none;
  }
  .accordion-item{
    border-left:0; border-right:0; border-top:0;
  }
  .accordion-button::after{
    background-size:1.1rem;
  }
  .accordion-body {
    padding-top: 0;  
  }
  .accordion-button,
  .accordion-body {
    padding-left: 0;    
  }

  /* Footer */
  footer{
    color:#cfd8d4;
  }
  footer a{
    color:#cfd8d4;
    font-size:.92rem;
  }
  footer a:hover{color:#fff;}
  .footer-link-icon{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
  }
  .footer-link-icon::before{
    content:"";
    order:2;
    width:.85rem;
    height:.85rem;
    flex-shrink:0;
    background-image:url('/images/lp-cocounsel-core/ia-juridica-icono-boton.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }
  .footer-brand{
    width:170px;
  }
  .footer-logo-row{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.2);
    padding-bottom:1rem;
  }
  .footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem 1.5rem;
  }
  @media (min-width:768px){
    .footer-logo-row{
      width:auto;
      border-bottom:0;
      padding-bottom:0;
    }
    .footer-links{
      gap:1rem 1.5rem;
    }
  }

  /* Login (com_users) */
  .com-users-login{
    max-width:420px;
    margin:3rem auto;
    padding:2rem;
    background:var(--tr-white);
    border:1px solid var(--tr-gray-2);
    border-radius:6px;
  }
  .com-users-login label{
    color:var(--tr-text);
    font-weight:500;
  }
  .com-users-login .form-control{
    border-radius:2px;
    border-color:#c9c9c9;
  }
  .com-users-login .btn-primary{
    background-color:var(--tr-orange);
    border-color:var(--tr-orange);
    color:#fff;
    font-weight:500;
    padding:.5rem 1.6rem;
    border-radius:6px;
  }
  .com-users-login .btn-primary:hover{
    background-color:var(--tr-orange-dark);
    border-color:var(--tr-orange-dark);
  }
  .com-users-login a{
    color:var(--tr-orange);
  }
  .com-users-login a:hover{
    color:var(--tr-orange-dark);
  }

  /* Registros (mod_registros) */
  .mod-registros{
    margin:2rem 0;
  }
  .mod-registros.table-responsive{
    border:1px solid var(--tr-gray-2);
    border-radius:6px;
  }
  .mod-registros table{
    width: 1200px;
    margin-bottom: 0;
    table-layout: fixed;
    font-size: .78rem;
    color: var(--tr-body-text);
    overflow: auto;
   }
  .mod-registros thead th,
  .mod-registros tbody td{
    width:7.6923%;
  }
  .mod-registros thead th:nth-child(1),
  .mod-registros tbody td:nth-child(1){
    width:4%;
  }
  .mod-registros thead th:nth-child(4),
  .mod-registros tbody td:nth-child(4){
    width:13%;
    white-space:nowrap;
  }
  .mod-registros thead th{
    background-color:var(--tr-bold-navy);
    color:var(--tr-white);
    font-weight:700;
    font-size:.7rem;
    letter-spacing:.03em;
    text-transform:uppercase;
    padding:.4rem .5rem;
    vertical-align:middle;
    border-bottom:0;
  }
  .mod-registros tbody td{
    padding:.4rem .5rem;
    vertical-align:middle;
    white-space:normal;
    word-break:break-word;
    overflow-wrap:break-word;
  }
  .mod-registros tbody tr:hover{
    background-color:var(--tr-light-sky);
  }
  .mod-registros tbody tr td:first-child{
    font-weight:700;
    color:var(--tr-text);
  }