﻿.contOpcion .solicitudresultado {
    width: 100%;
    border: 2px solid #1e1343;
    color: rgb(255, 255, 255);
    overflow: hidden;
    display: grid;
    align-items: center;
    margin-top: 0px;
    border: 2px solid #1e1343;
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.377);
    color: rgb(255, 255, 255);
    border-radius: 10px 10px 10px 10px;
}
.contOpcion .solicitudresultado .ettit {
    margin-left: 10px;
    margin-top: 6px;
    color: white;
}
.contOpcion .solicitudresultado .etEnc2 {
    color: white;
    height: 40px;
    background-color: #25a0da;
    border-bottom: 2px solid #1e1343;
    border-top: 2px solid #1e1343;
    padding: 8px;
}
.contOpcion .solicitudresultado .resultado {
    display: grid;
    align-items: center;
    margin-top: 0px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 30px;
    grid-template-areas: "et1";
}
.contOpcion .solicitudresultado .resultado .et1 {
    grid-area: et1;
    background-color: #1e1343; /*Solido*/
    height:35px;
}
.contOpcion .solicitudresultado .detalle {
    display: grid;
    align-items: center;
    grid-gap: 10px;
    grid-template-columns: 150px 1fr 160px 1fr;
    grid-template-rows: 30px 20px 20px 20px 40px 1fr;
    grid-template-areas:
        "et1     et2     et3     et4"
        "et5     et6     et7     et8"
        "et9     et10    et11    et12"
        "et13    et14    et15    et16"
        "et17    et17    et17    et17"
        "tb1     tb1     tb1     tb1";
    }
.contOpcion .solicitudresultado .detalle .et1 {
    grid-area: et1;
    margin-left:10px;
    margin-top:10px;
}
.contOpcion .solicitudresultado .detalle .et2 {
    grid-area: et2;
    min-width:100px;
    margin-top:10px;
}
.contOpcion .solicitudresultado .detalle .et3 {
    grid-area: et3;
    margin-top:10px;
}
.contOpcion .solicitudresultado .detalle .et4 {
    grid-area: et4;
    min-width: 100px;
    margin-top: 10px;
}
.contOpcion .solicitudresultado .detalle .et5 {
    grid-area: et5;
    margin-left:10px;
}
.contOpcion .solicitudresultado .detalle .et6 {
    grid-area: et6;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et7 {
    grid-area: et7;
}
.contOpcion .solicitudresultado .detalle .et8 {
    grid-area: et8;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et9 {
    grid-area: et9;
    margin-left:10px;
}
.contOpcion .solicitudresultado .detalle .et10 {
    grid-area: et10;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et11 {
    grid-area: et11;
}
.contOpcion .solicitudresultado .detalle .et12 {
    grid-area: et12;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et13 {
    grid-area: et13;
    margin-left:10px;
}
.contOpcion .solicitudresultado .detalle .et14 {
    grid-area: et14;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et15 {
    grid-area: et15;
}
.contOpcion .solicitudresultado .detalle .et16 {
    grid-area: et16;
    min-width: 100px;
}
.contOpcion .solicitudresultado .detalle .et17 {
    grid-area: et17;
    background-color: #1e1343; /*Solido*/
    height: 35px;
    border-radius: 10px 10px 0px 0px;
}
.contOpcion .solicitudresultado .detalle .tb1 {
    grid-area: tb1;
    margin-top:-12px;
}
.contOpcion .solicitudresultado .descargas {
    display: grid;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 40px;
    grid-gap: 20px;
    padding-left: 15px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 250px 50px 250px 1fr;
    grid-template-rows: 60px;
    grid-template-areas:
        "esp1    btn1 es2	btn2    esp2";
}
.contOpcion .solicitudresultado .descargas .btn1 {
    grid-area: btn1;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.contOpcion .solicitudresultado .descargas .btn2 {
    grid-area: btn2;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.contOpcion .solicitudresultado .contrato {
    display: grid;
    align-items: center;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "et1""et2";
}
.contOpcion .solicitudresultado .contrato .et1 {
    grid-area: et1;
}
.contOpcion .solicitudresultado .contrato .et2 {
    grid-area: et2;
}
.contOpcion .solicitudresultado .autorizacion2 {
    display: grid;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 40px;
    grid-gap: 20px;
    padding-left: 15px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 250px 50px 250px 1fr;
    grid-template-rows: 60px;
    grid-template-areas:
        "esp1    btn1 es2	btn2    esp2";
}
.contOpcion .solicitudresultado .autorizacion2 .btn1 {
    grid-area: btn1;
    display: flex;
    justify-content: center;
    margin-top:40px;
}
.contOpcion .solicitudresultado .autorizacion2 .btn2 {
    grid-area: btn2;
    display: flex;
    justify-content: center;
    margin-top:40px;
}
.contOpcion .solicitudresultado .consejos {
    display: grid;
    align-items: center;
    margin-top: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 80px;
    display: flex;
    justify-content: center;
}
.contOpcion .solicitudresultado .consejos .btn1 {
    grid-area: btn1;
    min-width: 200px;
    height:80px;
}

/*Responsive Design*/
/* 
smart wathch 320×320
xs   --  320px — 480px: Móviles -- H 320x480,  360x640, 480x320, 480x854
s    --  481px — 768px: iPads, Tablets -- H 480x320, 767x 480, 768x1024, 
m    --  769px — 1023px: Small screens, laptops -- H 800x600, 960x540
lg   --  1024px — 1299px: Desktops --H 1024x640, 1024x800, 1280x1024
xg   --  1300px en adelante —  Extra large -- 1600x900, 1920x1080
*/

/*Medida Default*/
/* con menu 960px sin menu 761px*/
@media (max-width: 697px) {

    .contOpcion .solicitudresultado .detalle .tb1 {
        display:none;
    }
    .contOpcion .solicitudresultado .descargas {
        grid-template-columns: 20px 1fr 20px 1fr 20px;
        grid-template-rows: 40px 40px;
        grid-template-areas:
            "esp1    btn1    btn1   btn1   esp2"
            "esp1    btn2    btn2   btn2   esp2";
    }
    .contOpcion .solicitudresultado .autorizacion2 {
        grid-template-columns: 20px 1fr 20px 1fr 20px;
        grid-template-rows: 60px 60px;
        grid-template-areas:
            "esp1    btn2    btn2   btn2   esp2"
            "esp1    btn1    btn1   btn1   esp2";
    }
   
}
/* con menu 700px sin menu 694px*/
@media (max-width: 629px) {
    .contOpcion .solicitudresultado .detalle {
        grid-gap: 0px;
        grid-template-columns: 160px 1fr;
        grid-template-rows: 35px repeat(7, 25px) 50px;
        grid-template-areas:
            "et1     et2"
            "et3     et4"
            "et5     et6"
            "et7     et8"
            "et9     et10"
            "et11    et12"
            "et13    et14"
            "et15    et16"
            "et17    et17";
    }
    .contOpcion .solicitudresultado .detalle .et3 {
        margin-left: 10px;
        margin-top: 0px;
    }
    .contOpcion .solicitudresultado .detalle .et4 {
        margin-top: 0px;
    }
    .contOpcion .solicitudresultado .detalle .et7 {
        margin-left: 10px;
    }
    .contOpcion .solicitudresultado .detalle .et11 {
        margin-left: 10px;
    }
    .contOpcion .solicitudresultado .detalle .et15 {
        margin-left: 10px;
    }
}
/* con menu 507px */
@media (max-width: 440px) {
    .contOpcion .solicitudresultado .descargas {
        grid-template-columns: 1fr 250px 1fr;
        grid-template-rows: 40px 40px;
        grid-template-areas:
            "esp1    btn1    esp3"
            "esp1    btn2    esp4";
    }
    .contOpcion .solicitudresultado .autorizacion2 {
        grid-template-columns: 1fr 250px 1fr;
        grid-template-rows: 60px 60px;
        grid-template-areas:
            "esp1    btn2    esp3"
            "esp1    btn1    esp4";
    }
}