.email-card .email-card-header{align-items:center}.email-card .email-card-header .header-left{display:flex;align-items:center;gap:12px}@media screen and (max-width:640px){.email-card .email-card-header .header-left{flex-direction:column;align-items:stretch}.email-card .email-card-header .header-left .viu-button .button{width:100%}}.email-card .email-card-header .header-left .header-title{font-weight:700;font-size:14px;line-height:100%}.email-card .email-card-header .header-right{display:flex;align-items:center;gap:12px}.email-card .email-card-header .header-right .estado{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.email-card .email-card-header .header-right .estado .estado-icon.estado-icon--active{color:#1b884a}.email-card .email-card-header .header-right .estado.inactiva{color:#333}.email-card .email-card-header .header-right .estado.inactiva .estado-icon{color:#9aa4b2}.email-card .content-row{display:flex;gap:20px;margin-top:12px}.email-card .content-row .input-half{width:50%}.email-card .content-row .input-half .viu-input,.email-card .content-row .input-half .viu-switch{width:100%}.email-card .content-row .input-half .viu-switch>div{width:100%;display:flex}.email-card .content-row .input-half .viu-switch button{flex:1;width:100%}.email-card .canales-asociados-box{margin-top:16px;border:1px solid var(--grey-100);border-radius:4px;background-color:var(--grey-30)}.email-card .canales-asociados-box .canales-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 16px}.email-card .canales-asociados-box .canales-header .canales-title{display:flex;align-items:center;gap:10px}.email-card .canales-asociados-box .canales-header .canales-title .canales-text{font-weight:700}.email-card .canales-asociados-box .canales-header .canales-title .canales-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background-color:var(--primary-950);color:var(--white);font-size:12px;font-weight:700;line-height:1}.email-card .canales-asociados-box .canales-info{background-color:#fff;padding:16px}.email-card .canales-asociados-box .canales-list{display:flex;flex-wrap:wrap;gap:8px}.email-card .canales-asociados-box .canal-chip{background-color:var(--grey-20);color:var(--grey-950);font-size:12px;line-height:1.2;padding:6px 10px;border-radius:999px;white-space:nowrap}.email-card .canales-asociados-box .canales-collapse-enter-active,.email-card .canales-asociados-box .canales-collapse-leave-active{transition:max-height .24s ease,opacity .2s ease;overflow:hidden}.email-card .canales-asociados-box .canales-collapse-enter,.email-card .canales-asociados-box .canales-collapse-leave-to{max-height:0;opacity:0}.email-card .canales-asociados-box .canales-collapse-enter-to,.email-card .canales-asociados-box .canales-collapse-leave{max-height:600px;opacity:1}.variable-card{display:flex;align-items:center;padding:12px 20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;width:100%;box-sizing:border-box}.variable-card.disabled{opacity:.6;pointer-events:none}.variable-card.disabled .action{cursor:not-allowed}.variable-card .info{display:flex;flex-direction:column;min-width:0;flex:0 1 auto}.variable-card .info .variable-name{font-weight:700;font-size:14px;color:#001540;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-card .info .variable-description{font-size:12px;color:#8c8c8c;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variable-card .separator{flex:1;height:1px;background-color:#e0e0e0;margin:0 20px;min-width:20px}.variable-card .action{flex:0 0 auto;display:flex;align-items:center;cursor:pointer;color:#001540;font-weight:600;font-size:14px;white-space:nowrap;transition:opacity .2s}.variable-card .action:hover{opacity:.7}.variable-card .action i{font-size:12px;margin-right:8px}.variables-container{background-color:#fff;border-radius:8px;border:1px solid #d7e1ea;padding:20px;height:100%;display:flex;flex-direction:column}.variables-container .variables-container__header,.variables-container .variables-container__search{margin-bottom:20px}.variables-container .variables-list{flex:1;overflow-y:auto;padding-right:5px}.variables-container .variables-list::-webkit-scrollbar{width:4px}.variables-container .variables-list::-webkit-scrollbar-track{background:#f1f1f1}.variables-container .variables-list::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.variables-container .variables-list::-webkit-scrollbar-thumb:hover{background:#555}.variables-container .variables-list .variable-card{margin-bottom:8px}.variables-container .variables-list .variable-card:last-child{margin-bottom:0}.enviar-email-prueba .email-row{display:flex;align-items:flex-end;gap:16px}.enviar-email-prueba .email-row.has-error{align-items:center}.enviar-email-prueba .email-row.has-error .btn-enviar{margin-bottom:0}.enviar-email-prueba .email-row .email-label{flex:1}.formulario-email{display:flex;flex-direction:column;gap:16px}.formulario-email .formulario-email__label-row{display:flex;justify-content:space-between;align-items:center}.formulario-email .formulario-email__info-icon{cursor:help;color:#01132d}.formulario-email .buttons-row{display:flex;justify-content:flex-end;gap:8px}.formulario-email .idioma-asunto-row{display:flex;gap:8px;width:100%;margin-bottom:20px}.formulario-email .idioma-asunto-row .viu-select,.formulario-email .idioma-asunto-row .viu-select .selected-area{width:100%}.formulario-email .idioma-asunto-row .input-half{width:50%}.formulario-email .email-row{display:flex;gap:16px;position:relative}.formulario-email .email-row .configuracion-basica-box{flex:1}.formulario-email .email-row .asignacion-canales-box{width:512px}@media(max-width:640px){.formulario-email .email-row .asignacion-canales-box{width:100%}}.formulario-email .email-row .asignacion-canales-box .canales-list{display:flex;flex-wrap:wrap;gap:12px}.formulario-email .email-row .asignacion-canales-box .canal-option{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--primary-950);border-radius:999px;color:var(--grey-950);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;width:150px;overflow:hidden}@media(max-width:640px){.formulario-email .email-row .asignacion-canales-box .canal-option{width:calc(50% - 6px)}}.formulario-email .email-row .asignacion-canales-box .canal-option .canal-option__icon{flex:0 0 auto;font-size:16px;line-height:1;color:var(--grey-400)}.formulario-email .email-row .asignacion-canales-box .canal-option .canal-option__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-transform:lowercase}.formulario-email .email-row .asignacion-canales-box .canal-option .canal-option__text:first-letter{text-transform:uppercase}.formulario-email .email-row .asignacion-canales-box .canal-option.canal-option--active .canal-option__icon{color:var(--blue-500)}.formulario-email .email-row .cuerpo-mensaje-box{min-height:500px;flex:1}.formulario-email .email-row .header-with-switch{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:12px;margin-bottom:10px}.formulario-email .email-row .header-with-switch .header-flex{flex:1;margin-right:20px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formulario-email .email-row .header-with-switch .viu-header{margin-bottom:0}.formulario-email .email-row .header-with-switch .viu-switch{flex:0 0 auto}.formulario-email .email-row .variables-box{width:30%;height:500px;width:512px}@media(max-width:640px){.formulario-email .email-row .variables-box{width:100%}}@media(max-width:1100px){.formulario-email .email-row{flex-direction:column}.formulario-email .email-row .cuerpo-mensaje-box{width:100%}.formulario-email .email-row .variables-box{width:100%;height:400px}}.formulario-email .html-editor textarea{min-height:300px;height:100%;font-family:monospace}.formulario-email .viu-upload .upload-box{height:151px}.emails-container{height:100%;min-height:0}.emails-container .header-emails-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}@media screen and (max-width:640px){.emails-container .header-emails-row{flex-direction:column;align-items:stretch}.emails-container .header-emails-row .viu-button .button{width:100%}}.emails-container .email-preview-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;max-width:800px;margin:0 auto}.emails-container .email-preview-container .preview-banner{width:100%;max-height:142px;overflow:hidden}.emails-container .email-preview-container .preview-banner .preview-banner-img{-o-object-fit:cover;object-fit:cover;max-width:100%}.emails-container .email-preview-container .preview-content{padding:24px}.emails-container .actions-row{padding-top:16px;margin-top:16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #cecece}.emails-container .emails-layout-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.emails-container .emails-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.emails-container .emails-list::-webkit-scrollbar{width:4px}.emails-container .test-email-container{display:flex;align-items:flex-end;gap:8px}.emails-container .test-email-container .email-input-wrapper{flex:1;margin-bottom:0}.emails-container .viu-box-body{height:100%;overflow:hidden}.emails-comercializadora-page{display:flex;flex-direction:column;height:100%;min-height:0}.emails-comercializadora-page .emails-content{display:flex;gap:16px;flex:1;min-height:0}.emails-comercializadora-page .emails-content>.emails-container{flex:1;min-height:0}.emails-comercializadora-page .header-section-right-slot{display:flex;gap:8px;flex-wrap:wrap}.emails-comercializadora-page .viu-label.w-300-px .viu-select .selected-area{width:300px}.emails-comercializadora-page .viu-label .viu-select,.emails-comercializadora-page .viu-label .viu-select .selected-area{min-width:100%;width:100%}.emails-comercializadora-page .viu-modal .viu-modal-popup{max-width:800px}@media(max-width:1100px){.emails-comercializadora-page .emails-content{flex-direction:column}}@media(max-width:640px){.emails-comercializadora-page .header-section-right-slot{width:100%;flex-direction:column;align-items:stretch}.emails-comercializadora-page .viu-label.w-300-px,.emails-comercializadora-page .viu-label.w-300-px .viu-select .selected-area{width:100%}}