:root {
     --tsy-principal: #1080AF;
     --tsy-principal-light: #55BAC6;
     --tsy-principal-dark: #256A8F;
     --tsy-teal: #26A8B6;
     --tsy-teal-dark: #188c98;
     --tsy-blue: #1e8fc6;
     --tsy-red: #ef4b4b;
     --tsy-green: #39a96b;
     --tsy-text: #31536b;
     --tsy-soft: #f4f7fa;
     --tsy-border: #dfe8ef;
     --tsy-shadow: 0 10px 30px rgba(0, 0, 0, .08);
     --tsy-radius: 22px;
     --tsy-grey: #F1F1F1;
     --escala: 1;

 }

 html,
 body {
     min-height: 100%;
 }

 body {
     min-height: 100vh !important;
     display: flex !important;
     flex-direction: column !important;
     /* display:flex;
        flex-direction:column;*/
 }

 .main-content {
     flex: 1 !important;
 }

 .main-content,
 .site-main,
 .wrapper,
 .content-wrapper {
     /*flex:1 0 auto;*/
 }

 .hogar-wrap {
     --escala: 1;
     padding: calc(2rem * var(--escala)) 0 calc(3rem * var(--escala));
     /* más espacio arriba por header */

 }

 .hogar-center {
     width: 95%;
     margin: 0 auto;
     padding: 0 calc(1.5rem * var(--escala));
 }

 .hogar-hero {
     text-align: center;
     margin-bottom: calc(1rem* var(--escala));
 }

 .hogar-hero h1 {
     font-size: calc(3rem * var(--escala));
     line-height: 1.08;
     color: var(--tsy-principal);
     margin: 0 0 calc(0.75rem * var(--escala));
     font-weight: 200;
 }

 .hogar-hero h1 span {


     font-weight: bold;
 }

 .hogar-hero p {
     max-width: calc(52.5rem * var(--escala));
     margin: 0 auto;
     color: #6b8395;
     font-size: calc(1.25rem * var(--escala));
     line-height: 1.5;
 }

 .hogar-box {
     background: #fff;


     overflow: hidden;
     border: 1px solid rgba(38, 168, 182, .10);
     box-shadow: 0px 3px 6px #00000029;
     border-radius: calc(2.0625rem * var(--escala));
 }



 .hogar-brand {
     /* flex: 1 1 300px; */
     /* width: 30%; */



     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 1.75rem;
 }

 .hogar-brand h2 {
     margin: 0;
     font-size: calc(2.125rem * var(--escala));
     line-height: 1.15;
     color: var(--tsy-principal-dark);
     font-weight: medium;
     border-bottom: 1px solid var(--tsy-principal-dark);
     padding-bottom: calc(0.5rem * var(--escala));
 }


 .hogar-brand h2 strong {
     font-weight: bold;

 }

 .hogar-brand .mini {
     display: block;

     color: var(--tsy-principal);
     font-size: calc(1rem * var(--escala));
     font-weight: lighter;
 }

 .hogar-brand-logo {
     position: relative;
     left: calc(0.5rem * var(--escala));
     display: flex;
     justify-content: center;
     align-items: center;

     color: #8aa1b1;
     font-size: calc(1rem * var(--escala));
 }

 .hogar-brand-logo img {
     width: 60%;
 }

 .hogar-cards {
     flex: 2 1 700px;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: calc(1rem * var(--escala));
 }

 .plan-card {
     margin: calc(0.5rem * var(--escala));
     border-radius: calc(1.375rem * var(--escala));
     overflow: hidden;
     border: 1px solid var(--tsy-border);
     box-shadow: 0 4px 14px rgba(0, 0, 0, .05);
     background: #fff;
     position: relative;

 }

 .plan-head {
     color: #fff;
     text-align: center;
     padding: calc(.875rem * var(--escala)) calc(.625rem * var(--escala)) calc(.75rem * var(--escala));
     font-weight: 800;
     letter-spacing: calc(0.025rem * var(--escala));
     font-size: calc(1.125rem * var(--escala));
 }

 .plan-body {
     padding: calc(1.125rem * var(--escala)) calc(1.125rem * var(--escala)) calc(1.125rem * var(--escala));
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .plan-sub {
     color: #8aa1b1;
     font-size: calc(0.8125rem * var(--escala));
     text-transform: uppercase;
     margin-bottom: calc(0.375rem * var(--escala));
 }

 .plan-price {
     font-size: calc(2.625rem * var(--escala));
     font-weight: 900;
     color: var(--tsy-blue);
     line-height: 1;
     margin-bottom: calc(1rem * var(--escala));
 }

 .btn-cta {
     display: block;
     width: 70%;
     text-align: center;
     border-radius: 999px;
     padding: calc(.8125rem * var(--escala)) calc(1rem * var(--escala));
     color: #fff !important;
     font-weight: 800;
     font-size: calc(0.9375rem * var(--escala));
     text-decoration: none !important;
     margin-bottom: calc(0.625rem * var(--escala));
     background: var(--tsy-red);
 }

 .btn-wa {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 70%;
     text-align: center;
     border-radius: 999px;
     padding: calc(.75rem * var(--escala)) calc(1rem * var(--escala));
     color: #fff !important;
     font-weight: 700;
     font-size: calc(0.9375rem * var(--escala));
     text-decoration: none !important;
     background: #519168;
 }

 .btn-wa img {
     width: calc(1.25rem * var(--escala));
     height: calc(1.25rem * var(--escala));
     margin-right: calc(0.3125rem * var(--escala));
 }

 .hogar-table-wrap {
     padding: calc(0rem * var(--escala)) calc(1rem * var(--escala)) calc(2.25rem * var(--escala));
     border-radius: 0 0 calc(2.0625rem * var(--escala)) calc(2.0625rem * var(--escala));
     box-shadow: 0px 3px 6px #00000029 !important;
     margin-bottom: calc(1rem * var(--escala));
     position: relative;
     bottom: calc(-4rem * var(--escala));
     z-index: 3;
     background-color: white;

 }

 .hogar-table {
     table-layout: fixed;
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     /* ✅ se mantiene */
 }

 .hogar-table td,
 .hogar-table th {
     padding: calc(0.875rem * var(--escala)) calc(1rem * var(--escala));
     border-top: 1px solid #edf2f6;
     vertical-align: middle;
     font-size: calc(1rem * var(--escala));
 }

 .hogar-table tbody tr:hover {
     background: #f9fcfd;
 }

  .cob-title {
     color: #536f83;
     font-weight: 700;
     width: 25%;
     font-size: calc(1.0625rem * var(--escala));
 }

 .hogar-table .cob-title .ver-mas {
     display: inline-block;
     margin-left: calc(0.625rem * var(--escala));
    
     font-weight: 800;
     font-size: calc(0.875rem * var(--escala));
     cursor: pointer;
     text-decoration: none;
 }

 .hogar-table .valor {
     width: auto;
     text-align: center;

     font-weight: 800;
     white-space: nowrap;
     font-size: calc(1.125rem * var(--escala));
 }

 .hogar-foot {
     position: relative;
     height: calc(9rem * var(--escala));

     z-index: 2;
     display: flex;
     align-items: end;
     gap: calc(0.875rem * var(--escala));
     flex-wrap: wrap;
     padding: calc(1.375rem * var(--escala)) calc(1.25rem * var(--escala));
     border-top: 1px solid #edf2f6;
     background: var(--tsy-grey);
     box-shadow: 0px 3px 6px #00000029;
     border-radius: calc(0rem * var(--escala)) calc(0rem * var(--escala)) calc(2.0625rem * var(--escala)) calc(2.0625rem * var(--escala));
 }

 .hogar-foot-title {
     display: flex;
     flex-direction: column;
     min-width: calc(16.25rem * var(--escala));
     font-size: calc(1.25rem * var(--escala));
     line-height: 1.1;
     color: var(--tsy-blue);
     font-weight: bold;
     text-align: center;
 }



 .hogar-chips {
     flex: 1;
     display: flex;
     flex-wrap: wrap;
     gap: calc(0.875rem * var(--escala));
     justify-content: space-evenly;
 }

 .hogar-chip {
     background: #fff;
     border: 1px solid var(--tsy-border);
     border-radius: 62.4375rem;
     padding: calc(0.8125rem * var(--escala)) calc(1.25rem * var(--escala));
     color: #28373B;
     font-weight: 700;
     font-size: calc(1rem * var(--escala));
     box-shadow: 0 .1875rem .625rem rgba(0, 0, 0, .03);
 }

 .hogar-info {
     margin-top: calc(1.625rem * var(--escala));
     text-align: center;
     color: #6d8798;
     font-size: calc(1rem * var(--escala));
 }

 .hogar-modal .modal-header {
    
     color: #fff;
     border-bottom: none;
     gap: calc(1rem * var(--escala));
 }

 .hogar-modal .modal-title {
     font-weight: 800;
     font-size: calc(2.3rem * var(--escala));
 }

 .hogar-modal .modal-body {
     font-size: calc(1.4rem * var(--escala));
     line-height: 1.7;
     color: #4f687b;
     padding: calc(1.625rem * var(--escala));
 }

 .hogar-modal .close {
     color: #fff;
     opacity: 1;
 }

 footer,
 .footer,
 .site-footer {
     margin-top: auto;
     flex-shrink: 0;
 }

 .modal-dialog {
     margin-top: calc(5rem * var(--escala)) !important;
     border-radius: calc(1rem * var(--escala));
 }

 .modal-header {
     justify-content: initial;
 }

 .modal-title {
     width: 100%;
     text-align: center;
 }

 .hogar-modal .modal-body {
     line-height: 1.2 !important;
     font-weight: 600;
     color: #6c757d;
 }

 .logo {
    
     width: 13rem;
     height: 5.7rem;
     opacity: 1;
 }

 .matricula {

     font: normal normal normal 1.375rem / 1.75rem "Reg";

 }

 .numero_tel {

     font: normal normal bold 1.375rem / 1.75rem "Dosis Bold";

 }

 .letra_chica {
     display: flex;
     height: auto;
     text-align: center;
     font: normal normal 500 1.0625rem "Reg";
     letter-spacing: 0rem;
     color: #ffffff;
 }

 .desktop-none {
     display: block;
 }

 .movil-none {
     display: none;
 }

 .icon_cot {
     display: none;
 }


 @media (max-width: 1400px) {
     /* html {
                font-size: 12px;
            } */

 }

 @media (max-width: 1050px) {
     /* html {
                font-size: 10px;
            } */




 }

 @media (max-width: 992px) {

     /* html {
                font-size: 9px;
            } */



     .hogar-hero h1 {
         font-size: calc(2.375rem * var(--escala));
     }



     .hogar-hero p {
         font-size: calc(1.125rem * var(--escala));
     }

     .hogar-brand h2 {
         font-size: calc(1.75rem * var(--escala));
     }

     .plan-price {
         font-size: calc(2.125rem * var(--escala));
     }

     .hogar-foot-title {
         font-size: calc(1rem * var(--escala));
     }

     .hogar-brand-logo {
         flex-direction: column;
     }
 }

 @media (max-width: 768px) {

     html {
         font-size: 7px;
     }



     .hogar-wrap {
         --escala: 2.8;
         padding: 0;
         margin-bottom: calc(2rem * var(--escala));

     }

     .hogar-hero {
         margin-top: calc(1rem * var(--escala));
     }

     .hogar-hero h1 {
         font-size: calc(1rem * var(--escala));
         margin: 0 1rem;
     }

     .hogar-hero p {
         font-size: calc(1rem * var(--escala));
     }

     .hogar-brand {
         padding: 0;
         margin-bottom: calc(0.5rem * var(--escala));
     }

     .hogar-brand h2 {
         font-size: calc(1.5rem * var(--escala));

     }

     .plan-price {
         font-size: calc(1.75rem * var(--escala));
     }

     .hogar-table td,
     .hogar-table th {
         padding: calc(.75rem * var(--escala)) calc(.625rem * var(--escala));
         font-size: calc(.875rem * var(--escala));
     }

     .hogar-table .valor {
         font-size: calc(1rem * var(--escala));
     }

     .hogar-table .cob-title {
         width: auto;
         font-size: calc(.9375rem * var(--escala));
     }

     .hogar-foot-title {
         min-width: 100%;
         font-size: calc(0.8rem * var(--escala));
     }

     .hogar-chip {
         font-size: calc(.875rem * var(--escala));
         padding: calc(.625rem * var(--escala)) calc(1rem * var(--escala));
     }

     .hogar-table-wrap {

         padding: 0 16px 36px;
         border-radius: 0;
         box-shadow: initial !important;
         margin-bottom: 0;
         position: relative;
         bottom: 0;
         border: 0;
         background-color: initial;



     }

     .hogar-wrap {
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;

     }

     .hogar-brand-logo {
         flex-direction: row;
     }

     .hogar-brand-inner h2 {
         font-size: calc(1.1rem * var(--escala));
     }

     .hogar-brand .mini {

         font-size: calc(0.7rem * var(--escala));

     }

     .hogar-top {
         margin-bottom: 0;
     }

     .plan-card {
         width: 90%;
         margin-bottom: calc(0.5rem * var(--escala));
         overflow: initial;
         display: flex;
         flex-direction: column;


     }

     .plan-head {
         border-radius: calc(1rem * var(--escala)) calc(1rem * var(--escala)) 0 0;
     }

     .hogar-coberturas {
         margin-top: calc(0.8rem * var(--escala));
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         gap: calc(0.4rem * var(--escala));
         width: 100%;
     }

     .cob-row {
         display: flex;
         flex-direction: column;
         gap: calc(1rem * var(--escala));
         justify-content: space-between;
         align-items: center;
         border-bottom: 1px solid #eee;
         padding: calc(.375rem * var(--escala)) 0;
         width: 80%;
     }

     .cob-title {
         width: auto;
         font-size: calc(0.7rem * var(--escala));
         text-align: center;
     }

     .cob-valor {
         min-width: 25%;
         font-weight: bold;
         text-align: center;
         font-size: calc(0.9rem * var(--escala));

     }

     .ver-mas {
         color: #004a99 !important;
         font-weight: 600;
         font-size: calc(0.7rem * var(--escala));
     }

     .hogar-foot {

         width: 90%;
         height: auto;
         border-radius: calc(1rem * var(--escala));

     }

     .hogar-foot-title {
         display: flex;
         flex-direction: column;
         justify-content: center;

     }

     .hogar-chips {
         height: auto;
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 1rem;
     }

     .hogar-chip {
         text-align: center;

     }

     .plan-body {
         padding: calc(1.125rem * var(--escala)) calc(1.125rem * var(--escala)) 0 calc(1.125rem * var(--escala));

     }

     .btn-cta,
     .btn-wa {
         width: 90%;
         padding: calc(.5rem * var(--escala)) calc(1rem * var(--escala));
     }

     .btn-wa img {
         width: calc(1rem * var(--escala));
         height: calc(1rem * var(--escala));
         margin-right: calc(0.3125rem * var(--escala));
     }


     .hogar-modal .modal-body {
         font-size: calc(2.3rem * var(--escala));
     }

     .desktop-none {
         display: none;
     }

     .movil-none {
         display: flex;
     }
 }