/*
 * MTG Tabla Tarifas
 * Página exclusiva para mitiendagratis.com.
 */

body.mtg-tarifas-page,
body.mtg-tarifas-page #page,
body.mtg-tarifas-page .site{
    background:#fff!important;
}

body.mtg-tarifas-page .entry-content,
body.mtg-tarifas-page .site-main,
body.mtg-tarifas-page article{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}

.mtg-tarifas{
    width:90vw;
    margin-left:calc(50% - 45vw);
    padding:50px 0 80px;
    color:#07111f;
}

.mtg-tarifas *,
.mtg-tarifas *::before,
.mtg-tarifas *::after{
    box-sizing:border-box;
}

.mtg-tarifas-hero{
    text-align:center;
    max-width:880px;
    margin:0 auto 26px;
}

.mtg-tarifas-hero span{
    display:inline-flex;
    padding:7px 13px;
    margin-bottom:14px;
    border-radius:999px;
    background:#eff6ff;
    color:#2563eb;
    font-size:12px;
    font-weight:950;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.mtg-tarifas-hero h1{
    margin:0 0 14px;
    font-size:54px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.06em;
}

.mtg-tarifas-hero p{
    margin:0 auto;
    max-width:720px;
    color:#64748b;
    font-size:18px;
    line-height:1.6;
}

.mtg-tarifas-switch{
    width:max-content;
    max-width:100%;
    margin:26px auto;
    display:flex;
    gap:8px;
    padding:7px;
    border-radius:999px;
    background:#f1f5f9;
    border:1px solid #e5eaf2;
}

.mtg-tarifas-switch button{
    min-height:42px;
    padding:10px 18px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:#475569;
    font-weight:950;
    cursor:pointer;
}

.mtg-tarifas-switch button.is-active{
    background:#fff;
    color:#07111f;
    box-shadow:0 8px 22px rgba(15,23,42,.08);
}

.mtg-tarifas-plans{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
}

.mtg-tarifas-plans article{
    position:relative;
    min-height:360px;
    display:flex;
    flex-direction:column;
    padding:24px;
    border-radius:26px;
    background:#fff;
    border:1px solid #e5eaf2;
    box-shadow:0 18px 48px rgba(15,23,42,.065);
}

.mtg-tarifas-plans article.is-featured{
    border-color:#16a34a;
    box-shadow:0 24px 70px rgba(22,163,74,.18);
    transform:translateY(-8px);
}

.mtg-tarifa-badge{
    width:max-content;
    display:inline-flex;
    padding:6px 10px;
    margin-bottom:14px;
    border-radius:999px;
    background:#dcfce7;
    color:#166534;
    font-size:12px;
    font-weight:950;
}

.mtg-tarifas-plans h2{
    margin:0 0 10px;
    font-size:26px;
    font-weight:950;
    letter-spacing:-.04em;
}

.mtg-tarifas-plans p{
    margin:0 0 18px;
    color:#64748b;
    line-height:1.55;
}

.mtg-tarifa-price{
    margin:auto 0 18px;
    display:flex;
    align-items:flex-end;
    gap:8px;
}

.mtg-tarifa-price strong{
    font-size:52px;
    line-height:.9;
    font-weight:950;
    letter-spacing:-.07em;
}

.mtg-tarifa-price small{
    display:grid;
    gap:2px;
    color:#64748b;
    font-weight:900;
}

.mtg-tarifa-price b{
    color:#07111f;
}

.mtg-tarifas-plans article > a{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:16px;
    background:#16a34a;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
}

.mtg-tarifas-note{
    margin:18px auto 38px;
    text-align:center;
    color:#64748b;
    font-weight:800;
}

.mtg-tarifas-compare{
    margin-top:32px;
}

.mtg-tarifas-compare-head{
    text-align:center;
    max-width:780px;
    margin:0 auto 22px;
}

.mtg-tarifas-compare-head h2{
    margin:0 0 10px;
    font-size:38px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-.05em;
}

.mtg-tarifas-compare-head p{
    margin:0;
    color:#64748b;
    line-height:1.6;
}

.mtg-tarifas-table-wrap{
    overflow:auto;
    border:1px solid #e5eaf2;
    border-radius:26px;
    box-shadow:0 18px 48px rgba(15,23,42,.065);
}

.mtg-tarifas-table{
    width:100%;
    min-width:920px;
    border-collapse:collapse;
    background:#fff;
}

.mtg-tarifas-table th{
    position:sticky;
    top:0;
    z-index:2;
    background:#07111f;
    color:#fff;
    padding:18px 16px;
    text-align:center;
    font-weight:950;
}

.mtg-tarifas-table th:first-child{
    text-align:left;
}

.mtg-tarifas-table td{
    padding:16px;
    border-top:1px solid #e5eaf2;
    text-align:center;
    color:#334155;
    font-weight:800;
}

.mtg-tarifas-table td:first-child{
    text-align:left;
    color:#07111f;
    font-weight:950;
}

.mtg-tarifas-section-row td{
    background:#f1f5f9;
    color:#2563eb!important;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.mtg-tarifa-check{
    display:inline-flex;
    width:28px;
    height:28px;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#dcfce7;
    color:#166534;
    font-weight:950;
}

.mtg-tarifa-muted{
    color:#94a3b8;
}

.mtg-tarifas-payment,
.mtg-tarifas-final{
    margin-top:28px;
    padding:34px;
    border-radius:30px;
    border:1px solid #e5eaf2;
    background:#f8fafc;
}

.mtg-tarifas-payment h2,
.mtg-tarifas-final h2{
    margin:0 0 14px;
    font-size:30px;
    font-weight:950;
    letter-spacing:-.04em;
}

.mtg-tarifas-payment ul{
    margin:0;
    padding-left:20px;
    color:#475569;
    line-height:1.8;
    font-weight:800;
}

.mtg-tarifas-final{
    text-align:center;
    background:
        radial-gradient(circle at 20% 20%, rgba(22,163,74,.25), transparent 35%),
        linear-gradient(135deg,#07111f,#12345c);
    color:#fff;
}

.mtg-tarifas-final h2,
.mtg-tarifas-final p{
    color:#fff;
}

.mtg-tarifas-final p{
    color:rgba(255,255,255,.78);
    font-size:17px;
}

.mtg-tarifas-final a{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:12px;
    padding:14px 22px;
    border-radius:17px;
    background:#16a34a;
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
}

@media(max-width:1100px){
    .mtg-tarifas-plans{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .mtg-tarifas{
        width:92vw;
        margin-left:calc(50% - 46vw);
        padding:34px 0 58px;
    }

    .mtg-tarifas-hero h1{
        font-size:38px;
    }

    .mtg-tarifas-plans{
        grid-template-columns:1fr;
    }

    .mtg-tarifas-plans article.is-featured{
        transform:none;
    }

    .mtg-tarifas-switch{
        width:100%;
        justify-content:center;
    }
}

/* =========================================================
   MTG Tarifas - estilo fino tipo tabla comparativa
   ========================================================= */

body.mtg-tarifas-page{
    background:#fff!important;
}

body.mtg-tarifas-page .mtg-tarifas{
    width:76vw!important;
    max-width:1380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-top:42px!important;
    font-family:inherit!important;
}

/* Header simple */
body.mtg-tarifas-page .mtg-tarifas-hero{
    padding-top:20px!important;
    padding-bottom:24px!important;
    border-top:1px solid #dce3ec!important;
    text-align:center!important;
}

body.mtg-tarifas-page .mtg-tarifas-hero span,
body.mtg-tarifas-page .mtg-tarifas-hero p{
    display:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-hero h1{
    margin:0!important;
    color:#a8b1c0!important;
    font-size:64px!important;
    line-height:1.1!important;
    font-weight:300!important;
    letter-spacing:-.04em!important;
}

/* Toggle más claro */
body.mtg-tarifas-page .mtg-tarifas-switch{
    width:180px!important;
    margin:18px 0 20px!important;
    display:grid!important;
    gap:9px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}

body.mtg-tarifas-page .mtg-tarifas-switch button{
    position:relative!important;
    min-height:26px!important;
    justify-content:flex-start!important;
    padding:0 0 0 28px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#a6afbd!important;
    font-size:15px!important;
    font-weight:700!important;
    text-align:left!important;
}

body.mtg-tarifas-page .mtg-tarifas-switch button::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:4px!important;
    width:17px!important;
    height:17px!important;
    border-radius:999px!important;
    border:1px solid #cbd5e1!important;
    background:#fff!important;
}

body.mtg-tarifas-page .mtg-tarifas-switch button.is-active{
    color:#07111f!important;
}

body.mtg-tarifas-page .mtg-tarifas-switch button.is-active::before{
    border-color:#b7cad7!important;
    box-shadow:inset 0 0 0 5px #d9eef7!important;
    background:#07111f!important;
}

/* Cabecera de precios sin cards pesadas */
body.mtg-tarifas-page .mtg-tarifas-plans{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    margin-left:260px!important;
    margin-top:-104px!important;
    border-bottom:1px solid #edf1f5!important;
}

body.mtg-tarifas-page .mtg-tarifas-plans article{
    min-height:160px!important;
    padding:14px 18px 24px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    transform:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-plans article.is-featured{
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
}

body.mtg-tarifas-page .mtg-tarifa-badge,
body.mtg-tarifas-page .mtg-tarifas-plans article p{
    display:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-plans h2{
    margin:0 0 30px!important;
    color:#07111f!important;
    font-size:22px!important;
    font-weight:800!important;
    letter-spacing:0!important;
}

body.mtg-tarifas-page .mtg-tarifa-price{
    display:flex!important;
    justify-content:center!important;
    align-items:baseline!important;
    gap:7px!important;
    margin:0 0 18px!important;
}

body.mtg-tarifas-page .mtg-tarifa-price strong{
    color:#2f3745!important;
    font-size:25px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:0!important;
}

body.mtg-tarifas-page .mtg-tarifa-price small{
    display:flex!important;
    gap:4px!important;
    align-items:baseline!important;
    color:#4b5563!important;
    font-size:14px!important;
    font-weight:500!important;
}

body.mtg-tarifas-page .mtg-tarifa-price b{
    color:#2f3745!important;
    font-weight:500!important;
}

body.mtg-tarifas-page .mtg-tarifas-plans article > a{
    width:max-content!important;
    min-width:150px!important;
    min-height:42px!important;
    margin:0 auto!important;
    padding:10px 20px!important;
    border-radius:999px!important;
    background:#3178ef!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    box-shadow:none!important;
}

/* Nota alineada como referencia */
body.mtg-tarifas-page .mtg-tarifas-note{
    width:220px!important;
    margin:6px 0 14px!important;
    text-align:left!important;
    color:#a6afbd!important;
    font-size:13px!important;
    line-height:1.55!important;
}

/* Tabla más ligera */
body.mtg-tarifas-page .mtg-tarifas-compare{
    margin-top:20px!important;
}

body.mtg-tarifas-page .mtg-tarifas-compare-head{
    display:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-table-wrap{
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-table{
    min-width:920px!important;
    border-collapse:collapse!important;
}

body.mtg-tarifas-page .mtg-tarifas-table thead{
    display:none!important;
}

body.mtg-tarifas-page .mtg-tarifas-table td{
    padding:16px 14px!important;
    border-top:1px solid #edf1f5!important;
    color:#445063!important;
    font-size:15px!important;
    font-weight:400!important;
    text-align:center!important;
}

body.mtg-tarifas-page .mtg-tarifas-table td:first-child{
    width:300px!important;
    color:#384252!important;
    text-align:left!important;
    font-weight:400!important;
}

body.mtg-tarifas-page .mtg-tarifas-section-row td{
    padding:32px 0 18px!important;
    background:#fff!important;
    color:#07111f!important;
    font-size:23px!important;
    font-weight:900!important;
    text-transform:none!important;
    letter-spacing:0!important;
}

body.mtg-tarifas-page .mtg-tarifa-check{
    background:transparent!important;
    color:#05734f!important;
    font-size:28px!important;
    width:auto!important;
    height:auto!important;
    border-radius:0!important;
}

body.mtg-tarifas-page .mtg-tarifa-muted{
    color:#cbd5e1!important;
    font-size:30px!important;
    line-height:1!important;
}

/* Botones inferiores */
body.mtg-tarifas-page .mtg-tarifas-final{
    margin-top:60px!important;
    background:#f8fafc!important;
    border:1px solid #e5eaf2!important;
    color:#07111f!important;
}

body.mtg-tarifas-page .mtg-tarifas-final h2{
    color:#07111f!important;
}

body.mtg-tarifas-page .mtg-tarifas-final p{
    color:#64748b!important;
}

body.mtg-tarifas-page .mtg-tarifas-final a{
    background:#3178ef!important;
}

body.mtg-tarifas-page .mtg-tarifas-payment{
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    padding:44px 0!important;
}

body.mtg-tarifas-page .mtg-tarifas-payment h2{
    font-size:24px!important;
    font-weight:900!important;
}

body.mtg-tarifas-page .mtg-tarifas-payment li{
    color:#8792a4!important;
}

/* Responsive */
@media(max-width:1100px){
    body.mtg-tarifas-page .mtg-tarifas{
        width:92vw!important;
    }

    body.mtg-tarifas-page .mtg-tarifas-plans{
        margin-left:0!important;
        margin-top:20px!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    body.mtg-tarifas-page .mtg-tarifas-note{
        width:auto!important;
    }
}

@media(max-width:720px){
    body.mtg-tarifas-page .mtg-tarifas-hero h1{
        font-size:42px!important;
    }

    body.mtg-tarifas-page .mtg-tarifas-plans{
        grid-template-columns:1fr!important;
    }
}