/* static/app/emails/crear_responsive.css */

/* =========================================================
   EMAILS · RESPONSIVE
   HEREDA DE PROMPTS
========================================================= */

/* 🔁 HEREDAMOS TODO EL SISTEMA RESPONSIVE */
@import url("/static/app/prompts/crear_responsive.css");


/* =========================================================
   AJUSTES ESPECÍFICOS EMAILS
========================================================= */


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

@media (max-width:768px){

    /* FRASE IDENTITARIA */

    .frase-identitaria{

        font-size:10px;

        line-height:1.35;

        margin-top:2px;
    }

    /* =====================================
    TOPBAR EMAILS · 4 TABS
    ===================================== */

    .workspace-emails .tabs{

        gap:6px;

        justify-content:space-between;
    }

    .workspace-emails .tabs a{

        flex:1;

        text-align:center;

        padding:
        8px
        6px;

        font-size:11.5px;
    }



    /* =====================================
    ROMPER SCROLL ESCRITORIO
    ===================================== */

    .workspace{

        height:auto !important;

        overflow:visible !important;
    }

    .accion{

        height:auto !important;

        overflow:visible !important;
    }

    .resultado{

        height:auto !important;

        overflow:visible !important;
    }

}


/* =========================================
   iPHONE SE
========================================= */

@media (width:375px) and (height:667px){

    .frase-identitaria{
        font-size:9.5px;
    }

}


/* =========================================
   PIXEL 7
========================================= */

@media (min-width:401px) and (max-width:420px) and (min-height:880px){

    .frase-identitaria{
        font-size:10.5px;
    }

}


/* =========================================
   iPHONE 14 PRO MAX
========================================= */

@media (min-width:421px) and (max-width:440px) and (min-height:900px){

    .frase-identitaria{
        font-size:11px;
    }

}