@import url("/estilos/blog.css"); @import url("/estilos/blog_movil.css"); strong, b { font-family: 'Roboto Condensed', 'Arial Black', Gadget, sans-serif; font-weight: 500; } .relative{ position: relative; margin-top: 80px; } .bloque.imagen h1{ font-size: 3em; color: #fff; position: absolute; bottom: 20px; right: 20px; margin: 0; text-shadow: 3px 3px 5px black; } .mapaUsa{ height: 200px; width: 400px; background: url(/imagenes/map-usa.svg) center center no-repeat; background-size: contain; position: absolute; right: 0; top: -20%; transform: rotate(5deg); } .relative h2{ margin-left: 48px; } .iconos-summer-container{ display: flex; flex-direction: row; gap: 64px; background: #DE212D; padding: 64px; justify-content: center; margin-bottom: -80px; color: #fff; } .iconos-summer-container a{ color: #fff; border: 3px solid; padding: 20px; border-radius: 10px; } .iconos-summer-container a:hover{ background: rgba(255, 255, 255, .3); } .iconos-summer-container h3{ color: #fff; margin-bottom: 0; } .iconos-summer-container ul{ margin:0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } .iconos-summer-container li{ border-left: 1px solid; padding-left: 8px; } .iconos-summer { display: flex; flex-direction: column; align-items: center; } .carousel[data-logo-mode="1"] .slide { flex: 0 0 200px; /* ancho real del slide */ min-width: 200px; padding: 0 16px; } .carousel[data-logo-mode="1"] .slide img { display: block; width: 100%; height: 100%; /* ocupa el ancho/alto del slide */ max-height: none; /* quitar límite que encoge logos */ object-fit: contain; } /* opcional: altura uniforme de celda */ .carousel[data-logo-mode="1"] .slide { height: 200px; } .formulario > div:first-child{ display: flex; flex-direction: row; gap: 32px; } .formulario > div:first-child > div:first-child{ font-size: 1.3em; width: 50%; display: flex; flex-direction: column; } .formulario > div:first-child > div:first-child strong{ font-size: 2em; line-height: 1; } .formulario .formJQ, .formulario .formJQ input, .formulario .formJQ textarea{ width: 100%; } .bloque.blue .formJQ.avisoOK { color: #fff; border-color: #fff; } .bloque.blue a{ color: #fff; border-bottom: 1px dotted; } .formulario .formJQ input[type="checkbox"]{ width: inherit; } .bloque.texto { padding: 80px 48px; background: url(/imagenes/sombra_separador.png) center top no-repeat; font-size: 1.2em; } .bloque.texto ul { margin: 0; margin-bottom: 24px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; } .bloque.texto li { border-left: 1px solid; padding-left: 8px; margin-left: 8px; } .bloque.blue{ background: url(/imagenes/sombra_separador.png) center top no-repeat var(--color_titulo); color: #fff; } .bloque-container{ display: flex; flex-direction: row; gap: 64px; align-items: stretch; } .bloque-container h3{ margin: 0; font-size: xx-large; } .bloque-container > div{ width: 50%; } .bloque-container > div > div{ height: 100% !important; } .bloque-container.rev{ flex-direction: row-reverse; } #menuPrincipal{ position: sticky; top: 0; z-index: 1; } #cabecera .flex{ align-items: center; justify-content: center; } #cabecera h1{ font-size: xxx-large; margin: 0; } #wrapPie{ position: absolute; top: 0; left: 0; right: 0; border-top: 4px solid #DE212D; background: #0A2F67; padding: 24px; color: #fff; height: 230px; } .menuGaleriaVegas ul{ flex-direction: row !important; } .menuGaleriaVegas li { margin: 0 !important; padding: 0 !important; border: 0 !important; } .menuGaleriaVegas li span{ width: 15px; height: 15px; border-radius: 100%; background: white !important; } .menuGaleriaVegas li span.on, .menuGaleriaVegas li span:hover, .menuGaleriaVegas li span.on{ width: 20px; height: 20px; } .menuGaleriaVegas{ bottom: 0px; } #mapaWrap{ position: absolute; border: 0; width: 100%; overflow: hidden; height: 500px; margin-top: -300px; } #mapaWhite{ position: absolute; background: url(/imagenes/mapausa-white.svg) center top no-repeat; width: 100%; height: 800px; top: 0; opacity: 0.3; filter: drop-shadow(2px 4px 6px black); margin-top: 190px; } footer{ margin-top:280px; position: relative; } footer .carousel{ margin-top: -250px; } #pieweb .flex.flex-row.w100{ justify-content: space-around; position: absolute; top: 20px; color: #fff; } #pieweb .flex.flex-row.w100 a:not(.btn){ color: #fff; border-bottom: 1px dotted; } #pieweb .flex.flex-row.w100 h4{ margin-bottom: 0; } @media (max-width: 768px) { .bloque.imagen h1{ font-size: 2em; left: 20px; } .iconos-summer-container{ margin: 0 -16px; flex-direction: column; } .relative { margin-top: 0px; } .relative h2{ margin-left: 16px; } .mapaUsa{ position: relative; width: 100%; } .bloque.texto{ padding: 40px 16px 0; margin: 0; background-size: contain; } .bloque.texto figure{ margin: 0 -16px; } .bloque-container, .bloque-container.rev, .iconos-summer-container, .formulario > div:first-child, .itemsBlog, #pieweb .flex-row{ flex-direction: column; } .bloque-container h3{ font-size: x-large; } .bloque-container > div{ width: 100%; min-height: 300px; } .bloque-container > div > div{ min-height: 400px; } #cabecera .flex{ gap: 0; } #cabecera h1{ font-size: x-large; } #wrapPie, #mapaWrap{ position: relative; height: inherit; } #mapaWrap{ margin-left: -40px; bottom: 0; } #pieweb .flex-row .w33, #pieweb .flex.flex-row.w100 .w20 { width: 100% !important; } #pieweb .flex.flex-row.w100{ position: relative; padding: 10px; background: #0A2F67; } .formulario > div:first-child > div:first-child{ width: 100%; font-size: 1.2em; } .formulario > div:first-child > div:first-child strong{ font-size: 1.5em; } }