.badge-descuento {
    display:inline; margin-left:6px;
    background:none; border:0; padding:0;
    color:inherit; font-size:inherit; font-weight:700;
    white-space:nowrap;
}

.planes .cabecera {margin-bottom:13px;}
.planes .cabecera .titulo {
    display:inline-flex; align-items:center; gap:10px;
    padding:5px 20px; margin-bottom:6px;
    font-size:15px; font-weight:600; line-height:125%;
    color:#002447; border-radius:65px 100px 0 65px;
}
.planes .cabecera.cabecera-anual .titulo {background:rgba(255, 187, 204, 0.50);}
.planes .cabecera.cabecera-diario .titulo {background:rgba(161, 212, 253, 0.50);}
.planes .cabecera.cabecera-precompra .titulo {background:rgba(193, 209, 222, 0.50);}
.planes .cabecera .titulo .sub {padding-left:0; font-weight:300;}
.planes .cabecera.cabecera-anual .lead,
.planes .cabecera.cabecera-diario .lead,
.planes .cabecera.cabecera-precompra .lead {color:#002447;}

.tarjeta.tarjeta-2025 {
    --ua-tarjeta-destacado-offset-x: 7px;
    --ua-tarjeta-destacado-offset-bottom: 205px;
    --ua-tarjeta-border-radius: 20px;
    --ua-tarjeta-border-radius-lg: 15px;
    margin-bottom:16px;
    padding:0 var(--ua-tarjeta-destacado-offset-x);
    line-height:1.25;
}
.tarjeta.tarjeta-2025.tarjeta-anual {
    --ua-tarjeta-color-1: #FF80A6;
    --ua-tarjeta-color-2: #F2336E;
    --ua-tarjeta-color-2-text: #fff;
    --ua-tarjeta-color-3: #E31E5F;
    --ua-tarjeta-descuento-bg: #E73770;
    --ua-tarjeta-destacado-gradient: linear-gradient(180deg, #E31E5F 9.14%, #FAAFC5 100%);
}
.tarjeta.tarjeta-2025.tarjeta-diario {
    --ua-tarjeta-color-1: #31A7FF;
    --ua-tarjeta-color-2: #005AEF;
    --ua-tarjeta-color-2-text: #fff;
    --ua-tarjeta-color-3: #005AEF;
    --ua-tarjeta-descuento-bg: #005AEF;
    --ua-tarjeta-destacado-gradient: linear-gradient(180deg, #005AEF 9.14%, #A1D4FD 100%);
}
.tarjeta.tarjeta-2025.tarjeta-precompra {
    --ua-tarjeta-color-1: #A1D4FD;
    --ua-tarjeta-color-2: #005AEF;
    --ua-tarjeta-color-2-text: #fff;
    --ua-tarjeta-color-3: #005191;
    --ua-tarjeta-descuento-bg: #005AEF;
    --ua-tarjeta-destacado-gradient: linear-gradient(180deg, #005AEF 9.14%, #A1D4FD 100%);
}

.tarjeta.tarjeta-2025 .destacado {
    margin:0 calc(-1 * var(--ua-tarjeta-destacado-offset-x)) calc(-1 * var(--ua-tarjeta-destacado-offset-bottom));
    color:#fff;
}
.tarjeta.tarjeta-2025 .destacado::after {
    content:''; display:block;
    padding:0 0 var(--ua-tarjeta-destacado-offset-bottom);
    border-radius:0 0 10px 10px;
    background:var(--ua-tarjeta-destacado-gradient);
}
.tarjeta.tarjeta-2025 .destacado .wrapper {display:flex; flex-direction:column; align-items:flex-start;}
.tarjeta.tarjeta-2025 .destacado .wrapper .titulo {
    flex-shrink:0; padding:8px 15px; z-index:1;
    background:var(--ua-tarjeta-color-3); border-radius:20px 20px 0 0;
    font-size:20px; font-weight:800; text-transform:uppercase;
}
.tarjeta.tarjeta-2025 .destacado .wrapper .desc {
    margin-top:-18px; padding:18px 20px 9px 20px; width:100%;
    background:var(--ua-tarjeta-color-3); border-radius:0 20px 0 0;
    font-size:13px; font-weight:600;
}

.tarjeta.tarjeta-2025 .cuerpo {
    display:block; padding:5px 15px 20px; min-height:0;
    border-radius:var(--ua-tarjeta-border-radius);
    border:3px solid var(--ua-tarjeta-color-1);
    background:#fff; color:#002447;
    box-shadow:0 42px 12px 0 rgba(0,0,0,0.00), 0 27px 11px 0 rgba(0,0,0,0.01), 0 15px 9px 0 rgba(0,0,0,0.03), 0 7px 7px 0 rgba(0,0,0,0.05), 0 2px 4px 0 rgba(0,0,0,0.06);
}
.tarjeta.tarjeta-2025.tarjeta-selected .cuerpo {border-color:var(--ua-tarjeta-color-3);}

.tarjeta.tarjeta-2025 .cuerpo .dto {
    display:inline-flex; align-items:center; justify-content:center;
    padding:0 5.4px; border-radius:2.6px;
    background:var(--ua-tarjeta-descuento-bg); color:var(--ua-tarjeta-color-2-text);
    font-size:16.2px; font-weight:600; white-space:nowrap;
}

.tarjeta.tarjeta-2025 .tag-elegido {
    display:inline-block; padding:5px 14px; border-radius:26px;
    border:1px solid #005AEF; background:#FFF;
    color:#005AEF;
    font-size:11px; font-weight:600; line-height:1.2; letter-spacing:0.3px;
    text-transform:uppercase; white-space:nowrap;
}

.tarjeta.tarjeta-2025 .cuerpo .encabezado .hstack-elegido {
    align-items:center; gap:8px; justify-content:center;
}
.tarjeta.tarjeta-2025 .cuerpo .vermas {
    font-size:11px; font-style:normal; font-weight:500;
    text-decoration:underline; color:#002A67;
}
.tarjeta.tarjeta-2025 .cuerpo .vermas.icon-eye::before {filter:none; width:12px; height:8px; margin-right:5px;}

.tarjeta.tarjeta-2025 .cuerpo .encabezado {
    display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch;
    padding:0 3px 10px; margin-bottom:10px; text-align:center;
    border-bottom:1px solid #d9d9d9; border-right:0;
}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .hstack {padding-top:0; justify-content:space-between;}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .hstack:not(:has(> * + *)) {justify-content:center;}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .tag {
    min-width:100px; padding:4px 5px; text-align:center;
    font-size:12px; font-weight:600; color:#005191; text-transform:uppercase;
    border-radius:20px; border:1px solid #005AEF; background:#FFF;
    box-shadow:0 3.85px 1.54px 0 rgba(0,0,0,0.01), 0 2.31px 1.54px 0 rgba(0,0,0,0.05), 0 0.77px 0.77px 0 rgba(0,0,0,0.09);
}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .vstack {padding-top:10px; gap:5px;}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .titulo {
    margin:0 auto; max-width:80%;
    font-size:20px; font-weight:700; line-height:1.25; color:#002447;
}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .subtitulo {font-size:12px; font-weight:400; line-height:1.25; color:#002447;}
.tarjeta.tarjeta-2025 .cuerpo .encabezado .vermas {display:none;}

.tarjeta.tarjeta-2025 .cuerpo .cobertura {
    display:flex; flex-direction:column; align-items:center; gap:5px;
    flex-grow:1; margin-bottom:0; padding:5px 0;
}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos {display:flex; justify-content:center; width:100%;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item {
    display:flex; flex-direction:column; gap:8px; justify-content:space-between;
    flex-grow:1; flex-basis:25%; padding:5px;
    text-align:center; font-size:10px; color:#002A67;
}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item:not(:last-child) {border-right:0.5px solid #d9d9d9;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-icon {display:block; margin:0 auto 4px; width:18px; aspect-ratio:1/1;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-nombre {font-size:10px; font-weight:500;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-alcance {
    display:inline-block; padding:2px 4px; border-radius:3px;
    background:#DFF4FF; font-size:10px; font-weight:700;
}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .detalle {padding:5px 13px;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura .vermas {display:inline-block;}

.tarjeta.tarjeta-2025 .cuerpo .cobertura ul {margin:0; padding:0; list-style:none; font-size:13px; font-weight:300; text-align:center;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura ul li {margin-bottom:8px;}
.tarjeta.tarjeta-2025 .cuerpo .cobertura ul strong,
.tarjeta.tarjeta-2025 .cuerpo .cobertura ul b {font-weight:500;}

.tarjeta.tarjeta-2025 .cuerpo .precios {
    display:flex; flex-direction:column; justify-content:space-evenly;
    padding:10px 15px 0; text-align:center;
    border-top:1px solid #d9d9d9; border-left:0;
}
.tarjeta.tarjeta-2025 .cuerpo .precios .dto-wrapper {text-align:left;}
.tarjeta.tarjeta-2025 .cuerpo .precios .precios-header {
    display:flex; align-items:center; gap:8px; justify-content:center; margin-bottom:10px;
}
.tarjeta.tarjeta-2025 .cuerpo .precios .importes {margin-bottom:10px;}
.tarjeta.tarjeta-2025 .cuerpo .precios .importe-anterior {
    margin-bottom:4px; font-size:12px; font-weight:500; line-height:1;
    color:#4F748E; text-decoration:line-through;
}
.tarjeta.tarjeta-2025 .cuerpo .precios .importe-anterior span {font-size:10px;}
.tarjeta.tarjeta-2025 .cuerpo .precios .importe {margin-bottom:4px; font-size:24px; font-weight:600; line-height:1;}
.tarjeta.tarjeta-2025 .cuerpo .precios .importe span {font-size:14px;}
.tarjeta.tarjeta-2025 .cuerpo .precios .nota {margin:4px 0 0; font-size:11px; font-weight:500; color:#4F748E;}
.tarjeta.tarjeta-2025 .cuerpo .precios .col2 {min-width:145px; text-align:center; margin:0 auto;}
.tarjeta.tarjeta-2025 .cuerpo .precios .btn {
    --bs-btn-bg:var(--ua-tarjeta-color-3);
    --bs-btn-border-color:var(--ua-tarjeta-color-3);
    --bs-btn-hover-bg:var(--ua-tarjeta-color-3);
    --bs-btn-hover-border-color:var(--ua-tarjeta-color-3);
    --bs-btn-active-bg:var(--ua-tarjeta-color-3);
    --bs-btn-active-border-color:var(--ua-tarjeta-color-3);
    --bs-btn-disabled-bg:#C4C4C4;
    --bs-btn-disabled-border-color:#C4C4C4;
    --bs-btn-disabled-opacity:1;
    --bs-btn-color:#fff;
    --bs-btn-hover-color:#fff;
    --bs-btn-active-color:#fff;
    --bs-btn-font-size:15px;
    line-height:1.25; padding:6px var(--bs-btn-padding-x);
    min-width:165px; border-radius:23px;
}
.tarjeta.tarjeta-2025 .cuerpo .precios .form-check-button {--ua-check-button-bg:var(--ua-tarjeta-color-3);}
.tarjeta.tarjeta-2025 .cuerpo .form-check-alt .form-check-label {font-size:11px; text-decoration:underline; color:var(--ua-tarjeta-color-3);}

.btn-icon {display:inline-flex; align-items:center; gap:5px;}
.btn-icon .svg-icon {flex-shrink:0; width:20px; height:20px;}

.btn-outline-02 {
    --bs-btn-color: #E31E5F;
    --bs-btn-border-width: 2px;
    --bs-btn-border-color: #E31E5F;
    --bs-btn-bg:#fff;

    --bs-btn-hover-color: #E31E5F;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #E31E5F;

    --bs-btn-active-color: #E31E5F;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #E31E5F;

    --bs-btn-border-radius:100px;
    --bs-btn-font-size: 15px;
    --bs-btn-line-height:1.25;
    --bs-btn-padding-x:20px;
    --bs-btn-padding-y:5px;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) var(--bs-btn-padding-y) calc(var(--bs-btn-padding-x) + 10px);
    height:35px;
    box-shadow: 0 1.923px 1.923px 0 rgba(0, 0, 0, 0.10);
}

@media (min-width:992px) {

    .planes .cabecera {text-align:left;}

    .tarjeta.tarjeta-2025 {
        --ua-tarjeta-destacado-offset-x: 15px;
        --ua-tarjeta-destacado-offset-bottom: 105px;
        margin-bottom:20px;
    }

    .tarjeta.tarjeta-2025 .destacado .wrapper {flex-direction:row; align-items:flex-end;}
    .tarjeta.tarjeta-2025 .destacado .wrapper .titulo {padding:12px 21px; font-size:21px;}
    .tarjeta.tarjeta-2025 .destacado .wrapper .desc {margin-top:0; padding:7px 20px; font-size:14px;}
    .tarjeta.tarjeta-2025 .promo + .cuerpo .encabezado {padding-top:10px;}

    .tarjeta.tarjeta-2025 .cuerpo {
        display:flex; align-items:center; justify-content:flex-start;
        padding:0; min-height:180px;
        border-radius:var(--ua-tarjeta-border-radius-lg);
        box-shadow:0 42px 12px 0 rgba(0,0,0,0.00), 0 27px 11px 0 rgba(0,0,0,0.01), 0 15px 9px 0 rgba(0,0,0,0.03), 0 7px 7px 0 rgba(0,0,0,0.05), 0 2px 4px 0 rgba(0,0,0,0.06);
    }

    .tarjeta.tarjeta-2025 .cuerpo .precios .precios-header {
        margin:0 0 10px; gap:6px; justify-content:center;
    }
    .tarjeta.tarjeta-2025 .cuerpo .dto {height:20px; padding:0 6px; border-radius:2px; background:var(--ua-tarjeta-color-2); font-size:12px;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .precios-header .tag-elegido {
        padding:4px 9px; font-size:9px; letter-spacing:0.2px;
    }

    .tarjeta.tarjeta-2025 .cuerpo .encabezado {
        flex-direction:column; justify-content:center;
        margin:0; padding:10px; width:215px; min-width:215px; max-width:215px;
        flex-shrink:0; align-self:stretch;
        border-bottom:0; border-right:1px solid #d9d9d9;
    }
    .tarjeta.tarjeta-2025 .cuerpo .encabezado .hstack {padding-top:0; justify-content:center;}
    .tarjeta.tarjeta-2025 .cuerpo .encabezado .tag {min-width:150px; padding:6px 10px; border-radius:26px; text-transform:none;}
    .tarjeta.tarjeta-2025 .cuerpo .encabezado .vstack {padding-top:0; gap:14px; justify-content:center;}
    .tarjeta.tarjeta-2025 .cuerpo .encabezado .titulo {margin-bottom:0; font-size:16px; color:#002A67; line-height:143%;}
    .tarjeta.tarjeta-2025 .cuerpo .encabezado .subtitulo {font-size:12px; color:#002A67; line-height:136%;}

    .tarjeta.tarjeta-2025 .cuerpo .cobertura {justify-content:space-between; min-height:180px; margin:0; padding:20px 0 5px; align-self:center;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item {font-size:12px;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-icon {width:25px;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-nombre {font-size:12px;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura .atributos .item .item-alcance {font-size:12px;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura .detalle {padding:10px 14px;}
    .tarjeta.tarjeta-2025 .cuerpo .cobertura ul {font-size:12px;}

    .tarjeta.tarjeta-2025 .cuerpo .precios {
        flex-direction:column; justify-content:flex-start; align-items:center;
        padding:10px 15px; width:243px; min-width:243px; max-width:243px;
        flex-shrink:0; align-self:stretch;
        border-top:0; border-left:1px solid #d9d9d9;
    }
    .tarjeta.tarjeta-2025 .cuerpo .precios .importes {margin-top:auto; margin-bottom:10px; text-align:right;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .col2 {margin-bottom:auto;}
    .tarjeta.tarjeta-2025 .cuerpo .precios:not(:has(.importes)) {justify-content:center;}
    .tarjeta.tarjeta-2025 .cuerpo .precios:not(:has(.importes)) .col2 {margin-bottom:0;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .importe-anterior {margin-bottom:0; font-size:13px; line-height:1.25;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .importe {margin-bottom:0; font-size:21px; line-height:1.25;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .importe span {font-size:13px;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .wrapper-lg-right {min-width:0; padding:0; text-align:right;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .wrapper-lg-center {min-width:165px; padding:0 0 5px 0; text-align:center;}
    .tarjeta.tarjeta-2025 .cuerpo .precios .btn {--bs-btn-font-size:14px; padding:5px var(--bs-btn-padding-x); min-width:165px; max-width:175px;}
    .tarjeta.tarjeta-2025 .cuerpo .form-check-button .form-check-label {padding:6px 10px; min-width:165px; font-size:13px; text-align:center;}
    .tarjeta.tarjeta-2025 .cuerpo .form-check-button .form-check-input {float:none; margin:2px 8px 0 0;}
}