@charset "utf-8";

/* ESTRUCTURA RÍGIDA 1460px x 640px [1, 2] */
.contenedor { 
    background-color: #FFFFFF; 
    height: 640px; 
    width: 1460px; 
    margin: 0 auto; 
    overflow: hidden;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", Verdana, sans-serif;
}

/* BANNER SUPERIOR (120px alto [1]) */
.arribaderecha { background-color: #F5F5F5; height: 120px; width: 120px; float: left; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.arribacentro { height: 120px; width: 1190px; background-color: #417900; float: left; }
.arribaizquierda { background-color: #EFEFEF; height: 120px; width: 150px; float: left; display: flex; align-items: center; justify-content: center; overflow: hidden; }

/* TIPOGRAFÍA BANNER [5] */
.contenedor .arribacentro h1 { color: #FFAE00; font-weight: 800; font-size: 35px; margin-top: 1px; margin-bottom: -5px; text-shadow: 2px 0 10px #050505; text-align: center; }
.contenedor .arribacentro h2 { color: #FBE205; font-weight: 800; font-size: 25px; margin-bottom: -5px; text-shadow: 2px 0 10px #050505; margin-top: 4px; text-align: center; }
.contenedor .arribacentro h3 { color: #FDFBFB; font-size: 22px; margin-top: 4px; text-align: center; }

/* CUERPO [6] */
.seccionizquierda { background-color: #FBFBFB; float: left; height: 520px; width: 600px; display: flex; align-items: center; justify-content: center; }
.seccionderecha { background-color: #FCFCFC; float: left; height: 520px; width: 860px; text-align: center; padding-top: 30px; box-sizing: border-box; }

/* ESTILOS DE TEXTO Y LINKEDIN [3, 7] */
.contenedor .seccionderecha h1 { margin-bottom: 5px; text-shadow: 1px 0 1px #050505; }
.contenedor .seccionderecha h1 a { color: forestgreen; text-decoration: none; font-weight: 650; font-size: 36px; padding: 2px 10px; border-radius: 8px; display: inline-flex; align-items: center; }

.icono-in { width: 22px; height: auto; margin-left: 10px; vertical-align: middle; border-radius: 3px; }

.contenedor .seccionderecha h3 { color: #B30000; font-size: 20px; margin: 5px 0; }
.designacion { color: #444444; font-weight: 700; font-size: 19px; margin-bottom: 15px; }

.resena-5-renglones { font-size: 18px; font-weight: 600; color: #555555; line-height: 1.6; text-align: center; margin: 15px auto; max-width: 780px; }

/* ENLACES Y HOVER [3, 4] */
.contenedor .seccionderecha a { text-decoration: none; color: black; font-weight: 650; }
.contenedor .seccionderecha a:hover { background-color: green; color: #F90000; }

.boton-regresar { font-size: 14px; padding: 5px 12px; border-radius: 5px; border: 1px solid #417900; margin-top: 15px; display: inline-block; }
¿Deseas que verifiquemos si el icono de LinkedIn se visualiza correctamente en dispositivos móviles antes de que publiques el micrositio?