.lrog-container{
    max-width:1200px;
    margin:40px auto;
    padding:30px;

    background:#ffffff !important;

    color:#222222 !important;

    font-family:Arial, Helvetica, sans-serif !important;

    border-radius:20px;

    box-sizing:border-box;
}

.lrog-card{
    background:#ffffff;
    border-radius:18px;
    padding:35px;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border:1px solid #ececec;
}


.lrog-logo{
    width:90px !important;
    max-width:90px !important;
    height:auto !important;
    display:block;
    margin:0 auto 15px;
}

.lrog-card h1{
    text-align:center;
    color:#D71920;
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
}

.lrog-card p{
    text-align:center;
    font-size:20px;
    line-height:1.8;
    color:#444;
    max-width:900px;
    margin:auto;
    
    #lrog-preview-container p,
.lrog-leyenda p,
.lrog-card label{
    text-align:left !important;
} }

.lrog-card h2{
    color:#D71920;
    font-size:32px;
    margin-bottom:25px;
    border-bottom:2px solid #f1f1f1;
    padding-bottom:15px;
}

.lrog-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}

.lrog-grid label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#333;
}

.lrog-grid input,
.lrog-grid select,
.lrog-grid textarea{
    width:100%;
    height:55px;
    border:1px solid #d8d8d8;
    border-radius:10px;
    padding:12px 15px;
    font-size:16px;
    background:#fff;
}

.lrog-grid textarea{
    height:150px;
}

.lrog-grid input:focus,
.lrog-grid select:focus,
.lrog-grid textarea:focus{
    border-color:#D71920;
    outline:none;
}

.lrog-btn{
    background:#D71920;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:15px 35px;
    font-size:18px;
    font-weight:bold;
    cursor:pointer;
}

.lrog-btn:hover{
    opacity:.9;
}

@media(max-width:768px){

    .lrog-grid{
        grid-template-columns:1fr;
    }

    .lrog-card h1{
        font-size:34px;
    }

    .lrog-card p{
        font-size:16px;
    }
}

/* ===== FORZAR COLORES PROPIOS DEL FORMULARIO ===== */

.lrog-container,
.lrog-container *{
    color:#222 !important;
}

.lrog-container p{
    color:#444 !important;
}

.lrog-container label{
    color:#222 !important;
    font-weight:600;
}

.lrog-container h1{
    color:#D71920 !important;
}

.lrog-container h2{
    color:#D71920 !important;
}

.lrog-container h3,
.lrog-container h4,
.lrog-container h5{
    color:#222 !important;
}

.lrog-container input,
.lrog-container select,
.lrog-container textarea{
    color:#222 !important;
    background:#ffffff !important;
    border:1px solid #d8d8d8 !important;
}

.lrog-container input::placeholder,
.lrog-container textarea::placeholder{
    color:#777 !important;
}

.lrog-container select option{
    color:#222 !important;
    background:#ffffff !important;
}

.lrog-container .lrog-btn{
    background:#D71920 !important;
    color:#ffffff !important;
    border:none !important;
}

.lrog-container a{
    color:#D71920 !important;
}

/* ===== AISLAR DEL TEMA ===== */

.lrog-container,
.lrog-container *,
.lrog-container *:before,
.lrog-container *:after{

    box-sizing:border-box;

}

.lrog-container{

    background:#ffffff !important;

}

.lrog-container .lrog-card{

    background:#ffffff !important;

}

.lrog-container form{

    background:#ffffff !important;

}

.lrog-container section{

    background:#ffffff !important;

}

.lrog-container div{

    background-color:transparent;

}

.lrog-container input,
.lrog-container select,
.lrog-container textarea{

    background:#ffffff !important;

}

.lrog-container option{

    background:#ffffff !important;
    color:#222 !important;

}

/* ===== CONTROL TOTAL DE INPUTS ===== */

.lrog-container input,
.lrog-container select,
.lrog-container textarea{

    background:#FFFFFF !important;
    color:#222222 !important;

    border:1px solid #d8d8d8 !important;

    box-shadow:none !important;

}

/* CUANDO RECIBE FOCO */

.lrog-container input:focus,
.lrog-container select:focus,
.lrog-container textarea:focus{

    background:#FFFFFF !important;

    color:#222222 !important;

    border:2px solid #D71920 !important;

    box-shadow:none !important;

    outline:none !important;

}

/* CHROME AUTOFILL */

.lrog-container input:-webkit-autofill,
.lrog-container input:-webkit-autofill:hover,
.lrog-container input:-webkit-autofill:focus{

    -webkit-text-fill-color:#222222 !important;

    -webkit-box-shadow:0 0 0px 1000px #FFFFFF inset !important;

    transition:background-color 5000s ease-in-out 0s;

}

/* PLACEHOLDER */

.lrog-container input::placeholder,
.lrog-container textarea::placeholder{

    color:#888888 !important;

}

/* SELECT */

.lrog-container select option{

    background:#FFFFFF !important;

    color:#222222 !important;

}

/* ===== ANULAR ASTRA DARK MODE ===== */

body .lrog-container input,
body .lrog-container select,
body .lrog-container textarea,
body .lrog-container input[type="text"],
body .lrog-container input[type="email"],
body .lrog-container input[type="number"],
body .lrog-container input[type="tel"],
body .lrog-container input[type="date"]{

    background:#FFFFFF !important;
    color:#222222 !important;
    border:1px solid #d8d8d8 !important;
    box-shadow:none !important;

}

/* FOCO */

body .lrog-container input:focus,
body .lrog-container select:focus,
body .lrog-container textarea:focus{

    background:#FFFFFF !important;
    color:#222222 !important;

    border:2px solid #D71920 !important;

    box-shadow:none !important;
    outline:none !important;

}

/* HOVER */

body .lrog-container input:hover,
body .lrog-container select:hover,
body .lrog-container textarea:hover{

    background:#FFFFFF !important;
    color:#222222 !important;

}
/* ==========================================
   OTTO GRILL - AISLAR COMPLETAMENTE DE ASTRA
========================================== */

.lrog-force-light,
.lrog-force-light *{

    --ast-global-color-0:#222222 !important;
    --ast-global-color-1:#222222 !important;
    --ast-global-color-2:#222222 !important;
    --ast-global-color-3:#222222 !important;
    --ast-global-color-4:#222222 !important;
    --ast-global-color-5:#ffffff !important;
    --ast-global-color-6:#ffffff !important;
    --ast-global-color-7:#ffffff !important;
    --ast-global-color-8:#ffffff !important;

}

/* TODOS LOS TEXTOS */

.lrog-force-light,
.lrog-force-light p,
.lrog-force-light label,
.lrog-force-light span,
.lrog-force-light div{

    color:#222222 !important;

}

/* INPUTS */

.lrog-force-light input,
.lrog-force-light select,
.lrog-force-light textarea{

    background:#ffffff !important;
    color:#222222 !important;

    border:1px solid #d7d7d7 !important;

}

/* FOCUS */

.lrog-force-light input:focus,
.lrog-force-light select:focus,
.lrog-force-light textarea:focus{

    background:#ffffff !important;
    color:#222222 !important;

    border:2px solid #D71920 !important;

    outline:none !important;
    box-shadow:none !important;

}

/* PLACEHOLDERS */

.lrog-force-light input::placeholder,
.lrog-force-light textarea::placeholder{

    color:#777777 !important;

}

/* OPTIONS */

.lrog-force-light option{

    background:#ffffff !important;
    color:#222222 !important;

}
body.astra-dark-mode-enable .lrog-container input,
body.astra-dark-mode-enable .lrog-container select,
body.astra-dark-mode-enable .lrog-container textarea,
body.astra-dark-mode-enable .lrog-container input:focus,
body.astra-dark-mode-enable .lrog-container select:focus,
body.astra-dark-mode-enable .lrog-container textarea:focus{
    background:#ffffff !important;
    background-color:#ffffff !important;
    color:#000000 !important;
    caret-color:#000000 !important;
}

.lrog-form{
    width:100%;
}


/* LEYENDA LEGAL */

.lrog-leyenda{
    margin-top:20px;
    padding:20px;
    background:#fafafa;
    border:1px solid #e5e5e5;
    border-radius:10px;
}

.lrog-leyenda p{
    margin-bottom:12px;
    text-align:left !important;
    font-size:14px !important;
    line-height:1.7;
    color:#555 !important;
}

.lrog-leyenda strong{
    color:#D71920 !important;
}


/* AYUDAS DE CAMPOS */

.lrog-help{
    display:block;
    margin-top:6px;
    font-size:13px;
    color:#666 !important;
    line-height:1.4;
}

.lrog-help::before{
    content:"ℹ ";
    color:#D71920;
    font-weight:bold;
}

/* CAJAS INFORMATIVAS */

.lrog-info-box{

    background:#fff8e8;

    border-left:5px solid #D71920;

    padding:18px;

    border-radius:10px;

    margin-bottom:25px;

}

.lrog-info-box strong{

    display:block;

    margin-bottom:10px;

}


/* PREVIEW */

#lrog-preview-container{

    margin-top:15px;

}



.lrog-success{

    background:#ecfdf3;

    border:1px solid #22c55e;

    padding:20px;

    margin-bottom:25px;

    border-radius:10px;

}

.lrog-success h3{

    color:#15803d !important;
    margin-bottom:10px;

}

.lrog-upload-box{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}

.lrog-upload-box input[type="file"]{
    display:none;
}

.lrog-upload-btn{
    background:#D71920;
    color:#FFFFFF !important;

    padding:12px 22px;

    border-radius:12px;

    display:flex;
    align-items:center;
    gap:10px;

    width:fit-content;

    cursor:pointer;

    font-size:15px;
    font-weight:600;

    box-shadow:0 4px 12px rgba(215,25,32,.25);

    transition:all .25s ease;

    border:none;

    text-decoration:none;
}

.lrog-upload-btn:hover{

    background:#C4141B;

    transform:translateY(-2px);

    color:#FFFFFF !important;

}

.lrog-upload-btn img{

    width:22px;
    height:22px;
    object-fit:contain;

    display:block;
}

#lrog-file-name{
    color:#666;
    font-size:14px;
}

/* ==================================
   SUBIDA DE IMAGEN CORPORATIVA
================================== */

.lrog-upload-wrapper{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
    margin-top:10px;
}

#lrog_imagen{
    display:none;
}

.lrog-upload-btn{
    background:#D71920;
    color:#FFFFFF !important;

    padding:12px 22px;

    border-radius:12px;

    display:flex;
    align-items:center;
    gap:10px;

    width:fit-content;

    cursor:pointer;

    font-size:15px;
    font-weight:600;

    box-shadow:0 4px 12px rgba(215,25,32,.25);

    transition:all .25s ease;

    border:none;

    text-decoration:none;
}

.lrog-upload-btn,
.lrog-upload-btn *,
.lrog-upload-btn span{
    color:#FFFFFF !important;
}

.lrog-upload-btn:hover{
    background:#B71C1C;
    color:#FFFFFF !important;
    transform:translateY(-2px);
}

.lrog-upload-btn:visited,
.lrog-upload-btn:active,
.lrog-upload-btn:focus{
    color:#FFFFFF !important;
}

#lrog-file-name{
    color:#666;
    font-size:14px;
    font-weight:500;
}

#lrog-preview-container{
    margin-top:20px;
}

#lrog-preview{
    max-width:350px;
    width:100%;
    border-radius:15px;
    border:1px solid #ddd;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
}

/* FORZAR TEXTO BLANCO EN BOTÓN DE IMAGEN */

.lrog-upload-btn,
.lrog-upload-btn span,
.lrog-force-light .lrog-upload-btn,
.lrog-force-light .lrog-upload-btn span,
.lrog-force-light label.lrog-upload-btn{
    color:#FFFFFF !important;
}


.lrog-info-box p{
    text-align:left !important;
    font-size:15px;
}

.lrog-info-box{
    text-align:left !important;
    font-size:15px;
}

/* ==================================
   ALINEACIÓN GENERAL
================================== */

.lrog-card p,
.lrog-card label,
.lrog-card small,
.lrog-help,
.lrog-info-box,
.lrog-info-box p,
.lrog-leyenda p{

    text-align:left !important;

}

.lrog-declaraciones{
    margin-top:20px;
}

.lrog-check{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
    font-size:14px;
    line-height:1.6;
    color:#333;
}

.lrog-check input{
    margin-top:3px;
}

.lrog-check span{
    flex:1;
}

.lrog-legal{

    margin-top:25px;

    padding-top:15px;

    border-top:1px solid #e5e5e5;

    font-size:11px;

    color:#777;

    line-height:1.7;

    text-align:left;

}

/* ==================================
   DECLARACIONES
================================== */

.lrog-check{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:15px;
}

.lrog-check input{
    margin-top:4px;
    flex-shrink:0;
}

.lrog-check span{
    display:block;
    color:#333333 !important;
    font-size:15px;
    line-height:1.7;
    text-align:left !important;
    font-weight:500;
}

/* TEXTO LEGAL */

.lrog-legal{
    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #e5e5e5;

    font-size:15px !important;
    color:#444444 !important;

    line-height:1.8;
    text-align:left !important;
}

.lrog-legal p{
    font-size:15px !important;
    color:#444444 !important;
    text-align:left !important;
    margin-bottom:12px;
}







/* MENSAJE DE ENVÍO */

.lrog-envio-info{

    font-size:15px !important;
    font-weight:400;
    line-height:1.7;
    text-align:left;
    color:#555;
    margin-top:15px;
    max-width:700px;
}