.elementor-7008 .elementor-element.elementor-element-3286886{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-7008:not(.elementor-motion-effects-element-type-background), body.elementor-page-7008 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E0E0E;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-4eb1f7de */.pms-account-subscription-action-link__renew{
    font-size:0 !important;
}

.pms-account-subscription-action-link__renew::after{
    content:"Renovar";
    font-size:14px;
}
.pms-account-subscription-action-link__renew{
    font-size:0 !important;
}

.pms-account-subscription-action-link__renew::after{
    content:"Renovar";
    font-size:14px;
}

.pms-account-subscription-action-link__abandon{
    font-size:0 !important;
}

.pms-account-subscription-action-link__abandon::after{
    content:"Cancelar suscripción";
    font-size:14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3286886 *//* ==========================================================
   PELISANIME ACCOUNT PANEL v2
========================================================== */

.pms-block-container{

    display:flex;
    gap:35px;

    max-width:1400px;
    margin:auto;
    align-items:flex-start;
}


/*==================================
            SIDEBAR
==================================*/

.pms-account-navigation{

    width:300px;
    min-width:300px;

    background:#101018;

    border-radius:24px;

    padding:22px;

    position:sticky;
    top:30px;

    box-shadow:
    0 30px 80px rgba(0,0,0,.45);
}


/* Logo */

.pms-account-navigation:before{

    content:"PELISANIME";

    display:block;

    color:#fff;

    font-size:22px;

    font-weight:700;

    text-align:center;

    letter-spacing:2px;

    padding-bottom:25px;

    border-bottom:1px solid rgba(255,255,255,.05);

    margin-bottom:20px;
}


.pms-account-navigation ul{

    list-style:none;

    padding:0;

    margin:0;
}


.pms-account-navigation li{

    margin-bottom:12px;
}


/*==================================
          BOTONES MENU
==================================*/

.pms-account-navigation a{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 20px;

    color:#d5d5d5;

    text-decoration:none;

    border-radius:16px;

    transition:.30s;

    font-size:15px;

    font-weight:600;

    background:transparent;
}


/* Hover */

.pms-account-navigation a:hover{

    background:#1c1c2a;

    color:#fff;

    transform:translateX(6px);
}


/* Activo */

.pms-account-navigation-link--active{

    background:linear-gradient(135deg,#7c3aed,#4f46e5);

    color:#fff!important;

    border-radius:16px;

    box-shadow:

    0 12px 30px rgba(124,58,237,.35);
}


/*==================================
         ICONOS
==================================*/

.pms-account-navigation-link--subscriptions a:before{

content:"📺";

font-size:20px;

}

.pms-account-navigation-link--profile a:before{

content:"👤";

font-size:20px;

}

.pms-account-navigation-link--payments a:before{

content:"💳";

font-size:20px;

}

.pms-account-navigation-link--logout a:before{

content:"🚪";

font-size:20px;

}


/*==================================
          PANEL DERECHO
==================================*/

.pms-account-subscription-details-table{

    width:100%;

    background:#101018;

    border-radius:24px;

    overflow:hidden;

    border:none;

    box-shadow:

    0 30px 80px rgba(0,0,0,.40);
}


/* Filas */

.pms-account-subscription-details-table tr{

    transition:.25s;
}


.pms-account-subscription-details-table tr:hover{

    background:#181825;
}


/* Celdas */

.pms-account-subscription-details-table td{

    padding:22px 28px;

    border-bottom:1px solid rgba(255,255,255,.05);

}


.pms-account-subscription-details-table td:first-child{

    width:260px;

    color:#8d8da7;

    font-weight:600;

}


.pms-account-subscription-details-table td:last-child{

    color:#fff;

    font-weight:700;

}


/*==================================
           ESTADOS
==================================*/

.status-active{

color:#22c55e!important;

font-weight:bold;

}

.status-expired{

color:#ef4444!important;

font-weight:bold;

}


/*==================================
            BOTONES
==================================*/

.pms-account-subscription-action-link{

display:inline-block;

padding:13px 22px;

margin-right:12px;

margin-top:8px;

border-radius:14px;

text-decoration:none;

font-weight:700;

transition:.30s;

color:#fff;

}


.pms-account-subscription-action-link__renew{

background:#22c55e;

}


.pms-account-subscription-action-link__change{

background:#7c3aed;

}


.pms-account-subscription-action-link__abandon{

background:#ef4444;

}


.pms-account-subscription-action-link:hover{

transform:translateY(-3px);

box-shadow:0 10px 25px rgba(0,0,0,.35);

}


/*==================================
          RESPONSIVE
==================================*/

@media(max-width:900px){

.pms-block-container{

display:block;

}

.pms-account-navigation{

width:100%;

margin-bottom:25px;

position:relative;

top:0;

}

}

--------------------------

/*========================================
  PANEL CUENTA - ALTURA IGUAL COLUMNAS
========================================*/

.pms-block-container{
    display:flex;
    align-items:stretch !important;
}


/*========================================
          COLUMNA IZQUIERDA
========================================*/

.pms-account-navigation{

    display:flex;
    flex-direction:column;

    height:100%;

    min-height:520px;
}


/* Lista completa */

.pms-account-navigation ul{

    display:flex;

    flex-direction:column;

    height:100%;

    gap:15px;
}


/* Botones iguales */

.pms-account-navigation li{

    flex:1;

    display:flex;
}


.pms-account-navigation a{

    width:100%;

    min-height:60px;

    display:flex;

    justify-content:flex-start;

    align-items:center;

}


/*========================================
          COLUMNA DERECHA
========================================*/

.pms-block-container > *:not(.pms-account-navigation){

    flex:1;

}


/* Contenido */

.pms-account-subscription-details-table,
#pms_edit-profile-form{

    height:100%;

    max-height:520px;

    overflow-y:auto;

}


/* Scroll elegante */

.pms-account-subscription-details-table::-webkit-scrollbar,
#pms_edit-profile-form::-webkit-scrollbar{

    width:8px;

}


.pms-account-subscription-details-table::-webkit-scrollbar-track,
#pms_edit-profile-form::-webkit-scrollbar-track{

    background:#111118;

    border-radius:20px;

}


.pms-account-subscription-details-table::-webkit-scrollbar-thumb,
#pms_edit-profile-form::-webkit-scrollbar-thumb{

    background:#7c3aed;

    border-radius:20px;

}


/*========================================
       EVITAR QUE EL MENU CREZCA
========================================*/

.pms-account-navigation{

    align-self:stretch;

}


/*========================================
          RESPONSIVE
========================================*/

@media(max-width:900px){

.pms-block-container{

    display:block;

}


.pms-account-navigation ul{

    height:auto;

}


.pms-account-navigation li{

    flex:none;

}


.pms-account-subscription-details-table,
#pms_edit-profile-form{

    max-height:none;

}

}

--------------------------

/*========================================
   PMS SUBSCRIPTION CARD MODERN DESIGN
========================================*/


.pms-account-subscription-details-table{

    width:100%;

    border-collapse:separate;

    border-spacing:0 12px;

    background:transparent;

    border:none;

}


/* Cada fila como tarjeta */

.pms-account-subscription-details-table tr{

    background:#15151f;

    border-radius:30px;

    transition:.3s;

}


/* Hover suave */

.pms-account-subscription-details-table tr:hover{

    background:#1b1b28;

    transform:translateX(4px);

}


/* Celdas */

.pms-account-subscription-details-table td{

    padding:20px 25px;

    border:none !important;

}


/* Primera columna */

.pms-account-subscription-details-table td:first-child{

    width:250px;

    color:#9696aa;

    font-size:14px;

    font-weight:600;

}


/* Segunda columna */

.pms-account-subscription-details-table td:last-child{

    color:#fff;

    font-size:16px;

    font-weight:700;

}


/* Elimina líneas WooCommerce/PMS */

.pms-account-subscription-details-table tr td{

    border-bottom:none!important;

}


/*========================================
              ESTADOS
========================================*/


.status-expired{

    color:#ff5c5c!important;

    display:flex;

    align-items:center;

    gap:8px;

}


.status-expired:before{

    content:"";

    width:9px;

    height:9px;

    background:#ff4d4d;

    border-radius:50%;

    display:inline-block;

}


/*========================================
             BOTONES
========================================*/


.pms-account-subscription-action-link{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:120px;

    height:44px;

    padding:0 20px;

    margin-right:10px;

    margin-top:5px;

    border-radius:12px;

    text-decoration:none!important;

    font-size:14px;

    font-weight:700;

    border:none!important;

    transition:.3s;

}


/* Renovar */

.pms-account-subscription-action-link__renew{

    background:linear-gradient(135deg,#22c55e,#16a34a);

    color:white!important;

}


/* Cambiar */

.pms-account-subscription-action-link__change{

    background:linear-gradient(135deg,#7c3aed,#4f46e5);

    color:white!important;

}


/* Abandonar */

.pms-account-subscription-action-link__abandon{

    background:#252532;

    color:#ff6b6b!important;

}


/* Hover botones */

.pms-account-subscription-action-link:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.35);

}


/*========================================
             ACCIONES
========================================*/


.pms-account-subscription-details-table__actions td:last-child{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}


/*========================================
             MOBILE
========================================*/


@media(max-width:700px){


.pms-account-subscription-details-table td{

    display:block;

    width:100%!important;

}


.pms-account-subscription-details-table tr{

    display:block;

    padding:10px 0;

}


.pms-account-subscription-details-table td:first-child{

    padding-bottom:5px;

}

}

--------------------------
--------------------------

/* =========================================================
   PAID MEMBER SUBSCRIPTIONS
   3 TARJETAS HORIZONTALES
   BÁSICO | ESTÁNDAR | PREMIUM
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEDOR PRINCIPAL
   --------------------------------------------------------- */

#pms-change-subscription-form .pms-grouped-plans,
.pms-grouped-plans {

    width: 100% !important;

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

    align-items: stretch !important;

    margin: 0 auto !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   CADA TARJETA PRINCIPAL
   BÁSICO / ESTÁNDAR / PREMIUM
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-parent {

    width: 100% !important;

    min-width: 0 !important;

    max-width: none !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;

    flex-direction: column !important;

    overflow: hidden !important;

    border-radius: 20px !important;

    background: rgba(255, 255, 255, 0.04) !important;

    border: 1px solid rgba(255, 255, 255, 0.12) !important;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.15) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Efecto al pasar el mouse */

.pms-grouped-plans .pms-plan-parent:hover {

    transform: translateY(-5px) !important;

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.22) !important;

    border-color: rgba(255, 255, 255, 0.25) !important;
}


/* ---------------------------------------------------------
   ENCABEZADO DE CADA TARJETA
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-parent-header {

    width: 100% !important;

    min-height: 80px !important;

    padding: 20px !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    text-align: center !important;

    box-sizing: border-box !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}


/* Título */

.pms-grouped-plans .pms-plan-parent-title {

    margin: 0 !important;

    padding: 0 !important;

    font-size: 22px !important;

    line-height: 1.2 !important;

    font-weight: 800 !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   PLANES DENTRO DE CADA TARJETA
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-children {

    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 10px !important;

    padding: 16px !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   CADA PLAN
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-card {

    position: relative !important;

    width: 100% !important;

    max-width: none !important;

    min-width: 0 !important;

    min-height: 95px !important;

    margin: 0 !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    display: flex !important;

    align-items: center !important;

    border-radius: 14px !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;

    background: rgba(255, 255, 255, 0.035) !important;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Hover de cada plan */

.pms-grouped-plans .pms-plan-card:hover {

    transform: translateY(-2px) !important;

    background: rgba(255, 255, 255, 0.07) !important;

    border-color: rgba(255, 255, 255, 0.22) !important;
}


/* ---------------------------------------------------------
   RADIO ORIGINAL DE PMS
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-card input[type="radio"] {

    flex: 0 0 auto !important;

    margin-right: 12px !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   TEXTO DEL PLAN
   --------------------------------------------------------- */

.pms-grouped-plans .pms-plan-card label {

    width: 100% !important;

    margin: 0 !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   PLAN SELECCIONADO
   --------------------------------------------------------- */

.pms-grouped-plans
.pms-plan-card:has(input[type="radio"]:checked) {

    border-color: rgba(255, 255, 255, 0.65) !important;

    background: rgba(255, 255, 255, 0.09) !important;

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.08),
        0 8px 25px rgba(0, 0, 0, 0.18) !important;

    transform: translateY(-2px) !important;
}


/* ---------------------------------------------------------
   BOTÓN DE CAMBIO / ACTUALIZACIÓN
   --------------------------------------------------------- */

#pms-change-subscription-form input[type="submit"] {

    min-height: 52px !important;

    padding: 0 28px !important;

    border-radius: 12px !important;

    border: 1px solid rgba(255, 255, 255, 0.14) !important;

    font-weight: 800 !important;

    cursor: pointer !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}


#pms-change-subscription-form input[type="submit"]:hover {

    transform: translateY(-2px) !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.20) !important;
}


/* =========================================================
   ESCRITORIO
   SIEMPRE 3 COLUMNAS
   ========================================================= */

@media (min-width: 901px) {

    #pms-change-subscription-form .pms-grouped-plans,
    .pms-grouped-plans {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 24px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) and (min-width: 701px) {

    #pms-change-subscription-form .pms-grouped-plans,
    .pms-grouped-plans {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    .pms-grouped-plans .pms-plan-parent-header {

        padding: 15px 10px !important;

        min-height: 70px !important;
    }


    .pms-grouped-plans .pms-plan-parent-title {

        font-size: 17px !important;
    }


    .pms-grouped-plans .pms-plan-children {

        padding: 10px !important;

        gap: 8px !important;
    }


    .pms-grouped-plans .pms-plan-card {

        min-height: 85px !important;

        padding: 12px !important;

        font-size: 13px !important;
    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 700px) {

    #pms-change-subscription-form .pms-grouped-plans,
    .pms-grouped-plans {

        grid-template-columns: 1fr !important;

        gap: 18px !important;
    }


    .pms-grouped-plans .pms-plan-parent {

        width: 100% !important;
    }


    .pms-grouped-plans .pms-plan-parent-header {

        min-height: 72px !important;

        padding: 17px !important;
    }


    .pms-grouped-plans .pms-plan-parent-title {

        font-size: 20px !important;
    }


    .pms-grouped-plans .pms-plan-children {

        padding: 14px !important;

        gap: 9px !important;
    }


    .pms-grouped-plans .pms-plan-card {

        min-height: 90px !important;

        padding: 16px !important;
    }

}


/* =========================================================
   EVITAR QUE ELEMENTOR / PMS ROMPA LAS 3 COLUMNAS
   ========================================================= */

#pms-change-subscription-form
.pms-grouped-plans
.pms-plan-parent {

    flex: none !important;

    grid-column: auto !important;

    grid-row: auto !important;
}


/* Evita que algún elemento interno fuerce el ancho */

#pms-change-subscription-form
.pms-grouped-plans
.pms-plan-parent
* {

    max-width: 100% !important;

    box-sizing: border-box !important;
}
 --------------------------------------------
 
 /* =========================================================
   PMS — DISEÑO PREMIUM
   BÁSICO = MORADO
   ESTÁNDAR = AZUL
   PREMIUM = DORADO
   ========================================================= */


/* =========================================================
   BASE — TARJETAS
   ========================================================= */

.pms-grouped-plans .pms-plan-parent {

    position: relative !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        ) !important;

    border: 1px solid rgba(255,255,255,.10) !important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.06) !important;

    backdrop-filter: blur(14px) !important;

    -webkit-backdrop-filter: blur(14px) !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease !important;
}


/* Brillo superior */

.pms-grouped-plans .pms-plan-parent::before {

    content: "";

    position: absolute;

    top: 0;
    left: 10%;
    right: 10%;

    height: 2px;

    border-radius: 999px;

    opacity: .9;

    z-index: 2;
}


/* =========================================================
   BÁSICO — MORADO
   ========================================================= */

.pms-grouped-plans
.pms-plan-parent:nth-child(1) {

    --plan-color: #9B6CFF;
    --plan-color-light: #C4A7FF;
    --plan-glow: rgba(155,108,255,.28);

    border-color:
        rgba(155,108,255,.30) !important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.22),
        0 0 35px rgba(155,108,255,.07),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(1)::before {

    background:
        linear-gradient(
            90deg,
            transparent,
            #9B6CFF,
            #C4A7FF,
            #9B6CFF,
            transparent
        );
}


/* Encabezado */

.pms-grouped-plans
.pms-plan-parent:nth-child(1)
.pms-plan-parent-header {

    background:
        linear-gradient(
            135deg,
            rgba(155,108,255,.18),
            rgba(155,108,255,.04)
        ) !important;

    border-bottom-color:
        rgba(155,108,255,.18) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(1)
.pms-plan-parent-title {

    color: #C4A7FF !important;

    text-shadow:
        0 0 20px rgba(155,108,255,.35) !important;
}


/* Planes */

.pms-grouped-plans
.pms-plan-parent:nth-child(1)
.pms-plan-card {

    border-color:
        rgba(155,108,255,.12) !important;

    background:
        linear-gradient(
            135deg,
            rgba(155,108,255,.065),
            rgba(255,255,255,.025)
        ) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(1)
.pms-plan-card:hover {

    border-color:
        rgba(155,108,255,.40) !important;

    background:
        linear-gradient(
            135deg,
            rgba(155,108,255,.13),
            rgba(255,255,255,.04)
        ) !important;

    box-shadow:
        0 8px 25px rgba(155,108,255,.12) !important;
}


/* Seleccionado */

.pms-grouped-plans
.pms-plan-parent:nth-child(1)
.pms-plan-card:has(input[type="radio"]:checked) {

    border-color:
        #9B6CFF !important;

    background:
        linear-gradient(
            135deg,
            rgba(155,108,255,.20),
            rgba(155,108,255,.06)
        ) !important;

    box-shadow:
        0 0 0 1px rgba(155,108,255,.18),
        0 10px 30px rgba(155,108,255,.18) !important;
}


/* =========================================================
   ESTÁNDAR — AZUL
   ========================================================= */

.pms-grouped-plans
.pms-plan-parent:nth-child(2) {

    --plan-color: #3B82F6;
    --plan-color-light: #8DBBFF;
    --plan-glow: rgba(59,130,246,.28);

    border-color:
        rgba(59,130,246,.30) !important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.22),
        0 0 35px rgba(59,130,246,.07),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)::before {

    background:
        linear-gradient(
            90deg,
            transparent,
            #3B82F6,
            #8DBBFF,
            #3B82F6,
            transparent
        );
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)
.pms-plan-parent-header {

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.18),
            rgba(59,130,246,.04)
        ) !important;

    border-bottom-color:
        rgba(59,130,246,.18) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)
.pms-plan-parent-title {

    color: #8DBBFF !important;

    text-shadow:
        0 0 20px rgba(59,130,246,.35) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)
.pms-plan-card {

    border-color:
        rgba(59,130,246,.12) !important;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.065),
            rgba(255,255,255,.025)
        ) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)
.pms-plan-card:hover {

    border-color:
        rgba(59,130,246,.40) !important;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.13),
            rgba(255,255,255,.04)
        ) !important;

    box-shadow:
        0 8px 25px rgba(59,130,246,.12) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(2)
.pms-plan-card:has(input[type="radio"]:checked) {

    border-color:
        #3B82F6 !important;

    background:
        linear-gradient(
            135deg,
            rgba(59,130,246,.20),
            rgba(59,130,246,.06)
        ) !important;

    box-shadow:
        0 0 0 1px rgba(59,130,246,.18),
        0 10px 30px rgba(59,130,246,.18) !important;
}


/* =========================================================
   PREMIUM — DORADO
   ========================================================= */

.pms-grouped-plans
.pms-plan-parent:nth-child(3) {

    --plan-color: #D4AF37;
    --plan-color-light: #F5D76E;
    --plan-glow: rgba(212,175,55,.30);

    border-color:
        rgba(212,175,55,.34) !important;

    box-shadow:
        0 15px 45px rgba(0,0,0,.22),
        0 0 40px rgba(212,175,55,.09),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)::before {

    background:
        linear-gradient(
            90deg,
            transparent,
            #D4AF37,
            #F5D76E,
            #D4AF37,
            transparent
        );
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)
.pms-plan-parent-header {

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.20),
            rgba(212,175,55,.04)
        ) !important;

    border-bottom-color:
        rgba(212,175,55,.20) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)
.pms-plan-parent-title {

    color: #F5D76E !important;

    text-shadow:
        0 0 20px rgba(212,175,55,.35) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)
.pms-plan-card {

    border-color:
        rgba(212,175,55,.14) !important;

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.065),
            rgba(255,255,255,.025)
        ) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)
.pms-plan-card:hover {

    border-color:
        rgba(212,175,55,.45) !important;

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.14),
            rgba(255,255,255,.04)
        ) !important;

    box-shadow:
        0 8px 28px rgba(212,175,55,.14) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3)
.pms-plan-card:has(input[type="radio"]:checked) {

    border-color:
        #D4AF37 !important;

    background:
        linear-gradient(
            135deg,
            rgba(212,175,55,.22),
            rgba(212,175,55,.06)
        ) !important;

    box-shadow:
        0 0 0 1px rgba(212,175,55,.20),
        0 10px 35px rgba(212,175,55,.20) !important;
}


/* =========================================================
   RADIO — APARIENCIA MÁS MODERNA
   ========================================================= */

.pms-grouped-plans
.pms-plan-card input[type="radio"] {

    accent-color: var(--plan-color) !important;

    width: 18px !important;

    height: 18px !important;

    flex-shrink: 0 !important;
}


/* =========================================================
   HOVER DE LAS 3 TARJETAS
   ========================================================= */

.pms-grouped-plans
.pms-plan-parent:hover {

    transform: translateY(-6px) !important;
}


/* =========================================================
   TEXTO INTERNO
   ========================================================= */

.pms-grouped-plans
.pms-plan-card label {

    color: rgba(255,255,255,.90) !important;

    font-weight: 600 !important;

    transition: color .2s ease !important;
}


.pms-grouped-plans
.pms-plan-card:hover label {

    color: #fff !important;
}


/* =========================================================
   EFECTO ESPECIAL PREMIUM
   ========================================================= */

.pms-grouped-plans
.pms-plan-parent:nth-child(3) {

    transform: translateY(-5px) !important;
}


.pms-grouped-plans
.pms-plan-parent:nth-child(3):hover {

    transform: translateY(-10px) !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 700px) {

    .pms-grouped-plans
    .pms-plan-parent:nth-child(3) {

        transform: none !important;
    }

    .pms-grouped-plans
    .pms-plan-parent:nth-child(3):hover {

        transform: translateY(-5px) !important;
    }

}

/* Quitar línea superior de las tarjetas */
.pms-grouped-plans .pms-plan-parent::before,
.pms-grouped-plans .pms-plan-parent:nth-child(1)::before,
.pms-grouped-plans .pms-plan-parent:nth-child(2)::before,
.pms-grouped-plans .pms-plan-parent:nth-child(3)::before {
    display: none !important;
    content: none !important;
}

/* =========================================================
   ESTÁNDAR Y PREMIUM — PRÓXIMAMENTE
   ========================================================= */


/* Estándar y Premium no permiten interacción */
.pms-grouped-plans .pms-plan-parent:nth-child(2),
.pms-grouped-plans .pms-plan-parent:nth-child(3) {

    position: relative !important;

    cursor: not-allowed !important;
}


/* Capa oscura + blur */
.pms-grouped-plans .pms-plan-parent:nth-child(2)::after,
.pms-grouped-plans .pms-plan-parent:nth-child(3)::after {

    content: "PRÓXIMAMENTE";

    position: absolute;

    inset: 0;

    z-index: 100;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 20px;

    box-sizing: border-box;

    border-radius: 20px;

    background: rgba(0, 0, 0, 0.72);

    backdrop-filter: blur(0px);

    -webkit-backdrop-filter: blur(0px);

    color: #ffffff;

    font-size: 18px;

    font-weight: 800;

    letter-spacing: 2px;

    opacity: 0;

    transition:
        opacity .3s ease,
        backdrop-filter .3s ease,
        -webkit-backdrop-filter .3s ease;

    pointer-events: none;
}


/* Al pasar el cursor */
.pms-grouped-plans .pms-plan-parent:nth-child(2):hover::after,
.pms-grouped-plans .pms-plan-parent:nth-child(3):hover::after {

    opacity: 1;

    backdrop-filter: blur(7px);

    -webkit-backdrop-filter: blur(7px);
}


/* Evitar selección de los planes bloqueados */
.pms-grouped-plans .pms-plan-parent:nth-child(2) .pms-plan-card,
.pms-grouped-plans .pms-plan-parent:nth-child(3) .pms-plan-card {

    pointer-events: none !important;

    user-select: none !important;
}


/* Evitar efectos hover internos */
.pms-grouped-plans .pms-plan-parent:nth-child(2) .pms-plan-card:hover,
.pms-grouped-plans .pms-plan-parent:nth-child(3) .pms-plan-card:hover {

    transform: none !important;

    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS *//*==================================================
        EDIT PROFILE - PELISANIME PREMIUM
==================================================*/

#pms_edit-profile-form{

    background:#101018;

    border-radius:24px;

    padding:40px;

    box-shadow:0 25px 70px rgba(0,0,0,.45);

    max-width:100%;

    margin:auto;
}

/* Título */

#pms_edit-profile-form::before{

    content:"Editar Perfil";

    display:block;

    color:#fff;

    font-size:30px;

    font-weight:700;

    margin-bottom:35px;

    padding-bottom:20px;

    border-bottom:1px solid rgba(255,255,255,.06);
}


/*====================================
      GRID DE CAMPOS
====================================*/

#pms_edit-profile-form .pms-form-fields-wrapper{

    display:grid;

    grid-template-columns:repeat(2,minmax(250px,1fr));

    gap:24px;

    list-style:none;

    padding:0;

    margin:0;
}


/*====================================
          CAMPOS
====================================*/

#pms_edit-profile-form .pms-field{

    display:flex;

    flex-direction:column;
}


/*====================================
           LABELS
====================================*/

#pms_edit-profile-form label{

    color:#cfcfcf;

    font-size:14px;

    font-weight:600;

    margin-bottom:10px;
}


/*====================================
          INPUTS
====================================*/

#pms_edit-profile-form input[type=text],
#pms_edit-profile-form input[type=password],
#pms_edit-profile-form input[type=email]{

    height:56px;

    background:#191925;

    border:1px solid #2b2b3c;

    border-radius:14px;

    color:#fff;

    padding:0 18px;

    transition:.30s;

    font-size:15px;
}


#pms_edit-profile-form input:focus{

    outline:none;

    border-color:#7c3aed;

    box-shadow:0 0 0 4px rgba(124,58,237,.20);

    background:#1d1d2b;
}


/* Campo deshabilitado */

#pms_edit-profile-form input:disabled{

    background:#14141d;

    color:#8d8d9f;

    cursor:not-allowed;
}


/*====================================
       BOTÓN GUARDAR
====================================*/

#pms_edit-profile-form li:last-child{

    grid-column:1/-1;

    margin-top:20px;
}


#pms_edit-profile-form input[type=submit]{

    width:100%;

    height:58px;

    border:none;

    border-radius:16px;

    background:linear-gradient(135deg,#7c3aed,#4f46e5);

    color:#fff;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.30s;
}


#pms_edit-profile-form input[type=submit]:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(124,58,237,.35);
}


/*====================================
        MENSAJES ERROR
====================================*/

.pms-field-error{

    color:#ef4444;

    margin-top:8px;

    font-size:13px;
}


/*====================================
        RESPONSIVE
====================================*/

@media(max-width:768px){

#pms_edit-profile-form{

padding:25px;

}

#pms_edit-profile-form .pms-form-fields-wrapper{

grid-template-columns:1fr;

}

}/* End custom CSS */