

.contenedor{
    width: 100%;
}
.imagen_preguntas {
    width: 100%;
    border-radius: 5%;
    border: 5px solid #a4a4a4;
}
.bordes-imagenes{
    width: 100%;
    border-radius: 5%;
    border: 5px solid #d4d9d7;
}
div img:hover{
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.4);
    cursor: pointer;

}
.alinear_boton{
    
    width: 33.33%;
    
}
.tamano_div{
    height: 100%;
}


.centrar{
    text-align: center;
}
.form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border:rgba(255, 0, 0, 0.4);
  }
  

.bordes_div{
    width: 100%;
    border: 3px solid #000000;

    
  }
.imagen_portada {
    width: 210%;
  

}
input[type=radio]{
    display: none ;
}
.margen-portada{
    margin-left: 25%;
}
.sombre-imagen-portada{
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.4);

}
.margen-a{
    margin: 0px;
}
.margen-imagenes{
    margin-top: 13%;
}

.color-baja{
    background-color: #d4d9d7;
}

.destacar-palabra{
    border-bottom: 1px solid #000000
}

.margen-3lineas{
    margin-top: 26%;
}
.texto-preguntas{
    font-family: "Roboto";
    font-size: 30px;
    color: #2e2d2d;
}
.textos{
    font-family: "Roboto";
    color: #2e2d2d;
}
.boton{
    width: 70%;
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
    --page-title-display: block;
    --rehub-main-color: #ff8d8d;
    --rehub-sec-color: #0f4c81;
    --rehub-main-btn-bg: #0f4c81;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--main: var(--rehub-main-color);
    --wp--preset--color--secondary: var(--rehub-sec-color);
    --wp--preset--color--buttonmain: var(--rehub-main-btn-bg);
    --wp--preset--color--cyan-grey: #abb8c3;
    --wp--preset--color--orange-light: #fcb900;
    --wp--preset--color--red: #cf2e2e;
    --wp--preset--color--red-bright: #f04057;
    --wp--preset--color--vivid-green: #00d084;
    --wp--preset--color--orange: #ff6900;
    --wp--preset--color--blue: #0693e3;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
    --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
    --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
    --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
    --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
    --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
    --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
    --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--font-family--system-font: Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif;
    --wp--preset--font-family--rh-nav-font: var(--rehub-nav-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
    --wp--preset--font-family--rh-head-font: var(--rehub-head-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
    --wp--preset--font-family--rh-btn-font: var(--rehub-btn-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
    --wp--preset--font-family--rh-body-font: var(--rehub-body-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--style--global--content-size: 760px;
    --wp--style--global--wide-size: 900px;
    --e-global-color-primary: #6EC1E4;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    hyphens: manual;
    vertical-align: baseline;
    margin: 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    font: inherit;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
    fill: rgb(255, 255, 255);
    text-align: center;
    transition: all 0.3s ease 0s;
    box-shadow: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding: 15px 30px;
    border-radius: 4px;
    background-color: rgba(10, 62, 107, 0.99);
}


form{
    background-color: white;
    border-radius: 3px;
    color: #999;
    font-size: 0.8em;
    padding: 20px;
    margin: 0 auto;
    width: 300px;
}

input, textarea{
    border: 0;
    outline: none;

    width: 280px;
}

.field{
    border: solid 1px #ccc;
    padding: 10px;

}

.field:focus{
    border-color: #18A383;
}

.center-content{
    text-align: center;
}
.contenedor-formulario{
    background: rgba(0,0,0,.2);
    padding-right: 20%;
}


.fotos-respuesta{
    border-radius: 10px;
    border: 5px solid #a4a4a4 ;
}
.imagenes_respuestas{
    width: 30vw;
    height: 30vw;
    box-shadow: none;
    margin-right: 1%;
    margin-top: 5%;
    border-radius: 10px;
    border: 3px solid #a4a4a4;
}
/*width="350" height="300" */
@media screen and (max-width: 450px) {
    .boton{
    
        width: 70%;
        --wp--preset--font-size--normal: 16px;
        --wp--preset--font-size--huge: 42px;
        --page-title-display: block;
        --rehub-main-color: #ff8d8d;
        --rehub-sec-color: #0f4c81;
        --rehub-main-btn-bg: #0f4c81;
        --wp--preset--color--black: #000000;
        --wp--preset--color--cyan-bluish-gray: #abb8c3;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--pale-pink: #f78da7;
        --wp--preset--color--vivid-red: #cf2e2e;
        --wp--preset--color--luminous-vivid-orange: #ff6900;
        --wp--preset--color--luminous-vivid-amber: #fcb900;
        --wp--preset--color--light-green-cyan: #7bdcb5;
        --wp--preset--color--vivid-green-cyan: #00d084;
        --wp--preset--color--pale-cyan-blue: #8ed1fc;
        --wp--preset--color--vivid-cyan-blue: #0693e3;
        --wp--preset--color--vivid-purple: #9b51e0;
        --wp--preset--color--main: var(--rehub-main-color);
        --wp--preset--color--secondary: var(--rehub-sec-color);
        --wp--preset--color--buttonmain: var(--rehub-main-btn-bg);
        --wp--preset--color--cyan-grey: #abb8c3;
        --wp--preset--color--orange-light: #fcb900;
        --wp--preset--color--red: #cf2e2e;
        --wp--preset--color--red-bright: #f04057;
        --wp--preset--color--vivid-green: #00d084;
        --wp--preset--color--orange: #ff6900;
        --wp--preset--color--blue: #0693e3;
        --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
        --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
        --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
        --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
        --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
        --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
        --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
        --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
        --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
        --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
        --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
        --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
        --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
        --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
        --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
        --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
        --wp--preset--duotone--midnight: url('#wp-duotone-midnight');
        --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
        --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
        --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
        --wp--preset--font-size--small: 13px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 36px;
        --wp--preset--font-size--x-large: 42px;
        --wp--preset--font-family--system-font: Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif;
        --wp--preset--font-family--rh-nav-font: var(--rehub-nav-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
        --wp--preset--font-family--rh-head-font: var(--rehub-head-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
        --wp--preset--font-family--rh-btn-font: var(--rehub-btn-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
        --wp--preset--font-family--rh-body-font: var(--rehub-body-font,Roboto,"Helvetica Neue",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Oxygen-Sans,sans-serif);
        --wp--preset--spacing--20: 0.44rem;
        --wp--preset--spacing--30: 0.67rem;
        --wp--preset--spacing--40: 1rem;
        --wp--preset--spacing--50: 1.5rem;
        --wp--preset--spacing--60: 2.25rem;
        --wp--preset--spacing--70: 3.38rem;
        --wp--preset--spacing--80: 5.06rem;
        --wp--style--global--content-size: 760px;
        --wp--style--global--wide-size: 900px;
        --e-global-color-primary: #6EC1E4;
        --e-global-color-secondary: #54595F;
        --e-global-color-text: #7A7A7A;
        --e-global-color-accent: #61CE70;
        --e-global-typography-primary-font-family: "Roboto";
        --e-global-typography-primary-font-weight: 600;
        --e-global-typography-secondary-font-family: "Roboto Slab";
        --e-global-typography-secondary-font-weight: 400;
        --e-global-typography-text-font-family: "Roboto";
        --e-global-typography-text-font-weight: 400;
        --e-global-typography-accent-font-family: "Roboto";
        --e-global-typography-accent-font-weight: 500;
        hyphens: manual;
        vertical-align: baseline;
        margin: 0px;
       
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        font: inherit;
        box-sizing: border-box;
        display: inline-block;
        line-height: 1;
        fill: rgb(255, 255, 255);
        text-align: center;
        transition: all 0.3s ease 0s;
        box-shadow: none;
        text-decoration: none;
        color: rgb(255, 255, 255);
        font-size: 16px;
        padding: 15px 30px;
        border-radius: 4px;
        background-color: rgba(10, 62, 107, 0.99);
    }
    .texto-preguntas{
        font-size: 16px;
        font-family: "Roboto"
    }
    .margen-imagenes{
        margin-top: 0%;
    }
    .margen-1-linea{
        margin-top: 13%;
    }
    .margen-icono-celular{
        margin-right: 10%;
    }
    .menos-linea{
        margin-top: -13%;
    }
    .margen-3lineas{
        margin-top: 0%;
    }
    .margen-3lineas-celular{
        margin-top: 26%;
    }
    .imagen_preguntas {
        width: 100%;
        border-radius: 4%;
        border: 3px solid #a4a4a4;
    }
    .margen_preguntas{
        margin-top: 15%;
    }
    .margen_exepcion{
        margin-top: 29%;
    }
    .imagenes_respuestas{
        width: 85vw;
        height: 80vw;
        box-shadow: none;
        margin-right: 1%;
        margin-top: 5%;
        border-radius: 10px;
        border: 3px solid #a4a4a4;
    }


}
@media screen and (min-width: 450px ) and (max-width:1200px){
    .SinMargen{
        margin-top: 0%;
    }
    .salto-linea-medio{
        margin-top: 10%;
    }    
    .imagenes_respuestas{
        width: 85vw;
        height: 80vw;
        box-shadow: none;
        margin-right: 1%;
        margin-top: 5%;
        border-radius: 10px;
        border: 3px solid #a4a4a4;
    }


}
@media screen and (min-width:1200px){
    .margen_de_abajo{
        margin-top: 15%;
    }
}
