/* ------------------ ESTILOS GENERALES: BODY, FUENTES, ETC. -----------------------*/ .region-content { padding: 0 !important; } /*main { height: 100vh; padding: 20px 0; display: flex !important; align-items: center; } .tiene-cabecera main { height: 90vh; } .tiene-footer main { height: calc(100vh - 90px); } .tiene-cabecera.tiene-footer main { height: calc(90vh - 90px); } @media (max-width: 1440px) { main { height: initial; align-items: start; } .tiene-footer main { padding-bottom: 160px; } } @media (max-width: 1366px) { } @media (max-width: 1280px) { } @media (max-width: 1024px) { main { height: 100vh; align-items: center; padding: 0 !important; } .tiene-cabecera main { height: 90vh; } .tiene-footer main { height: calc(100vh - 90px); } .tiene-cabecera.tiene-footer main { height: calc(90vh - 90px); } } @media (max-width: 768px) { main { height: initial; } footer { position: initial; } }*/ .pya-landing-container { display: flex; align-items: center; min-height: 100vh; flex-direction: column; } .pya-landing-container main { width: 100%; flex: 1; display: flex; align-items: center; justify-content: center; } .pya-landing-container header { width: 100%; height: 10vh; display: flex; align-items: center; justify-content: left; } .pya-landing-container footer { width: 100%; margin: 0; display: flex; align-items: center; justify-content: center; min-height: 90px; flex-direction: column; } .bloque_column { padding: 0 80px;} @media (max-width: 1600px) { .bloque_column { padding: 0; } } .alert-error { margin-bottom: 0 !important; border-radius: 0 !important; } form.efor-pya-landing-age-check-form .alert { margin-bottom: 0 !important; border-radius: 0 !important; } form.efor-pya-landing-age-check-form .pya-tooltip { display: none; } form.efor-pya-landing-age-check-form .form-required::after { display: none; } footer p:last-of-type { margin-bottom: 0; } a { text-decoration: underline; color: #000000; } a:hover { text-decoration: none; } /* ------------------ ESTILOS CABECERA -----------------------*/ header { font-size: 24px; color: #ffffff; padding: 10px 80px !important; } header img { max-height: 60px; } @media (max-width: 1600px) { header { padding: 10px !important; } } /* ------------------ ESTILOS FOOTER -----------------------*/ footer { margin: 0; padding: 10px 80px !important; font-size: 14px; color: #ffffff; text-align: center; width: 100%; /*position: fixed; bottom: 0; z-index: 10;*/ display: flex; align-items: center; justify-content: center; min-height: 90px; flex-direction: column; } footer P { color: #ffffff; } footer a { color: #ffffff; text-decoration: none; } @media (max-width: 1600px) { footer { padding: 10px !important; } } /*@media (max-width: 767px) { footer { position: initial !important; } }*/ /* ------------------ PÁGINA AGE CHECK -----------------------*/ /*#paginaAgeCheck.tiene-cabecera main { height: 90vh; } #paginaAgeCheck.tiene-footer main { height: calc(100vh - 90px); } #paginaAgeCheck.tiene-cabecera.tiene-footer main { height: calc(90vh - 90px); }*/ #paginaAgeCheck .overlay { font-size: 14px; color: #ffffff; background-color: #000000; border-radius: 10px; box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 21px 5px rgba(0,0,0,0.4); max-width: 400px; text-align: center; margin: 0 auto; padding: 30px; } #paginaAgeCheck .overlay p { margin: 0; padding: 0 0 8px 0; } #paginaAgeCheck .logo_recuadro { max-width: 180px; margin-bottom: 20px; } #paginaAgeCheck .form-control { background-color: #ffffff; color: black; } #paginaAgeCheck .btn-enviar { background-color: #666666; color: #ffffff; border: none; } #paginaAgeCheck .btn-enviar:hover { background-color: #ffffff; color: #666666; } #paginaAgeCheck input[name="si"] { background-color: #ffffff; color: #666666; border: none; } #paginaAgeCheck input[name="no"] { background-color: #666666; color: #ffffff; border: none; } #paginaAgeCheck label { display: none; } /* ------------------ PÁGINA DESAMBIGUACIÓN -----------------------*/ /*#paginaDesambiguacion.tiene-cabecera main { height: 90vh; } #paginaDesambiguacion.tiene-footer main { height: calc(100vh - 90px); } #paginaDesambiguacion.tiene-cabecera.tiene-footer main { height: calc(90vh - 90px); }*/ #paginaDesambiguacion .wrapper-promo { position: relative; z-index: 2; } #paginaDesambiguacion a.promo-column { text-decoration: none; } #paginaDesambiguacion .promo-column { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1.5rem; margin: 10px 0; position: relative; } #paginaDesambiguacion .promo-column p { margin: 0px; } #paginaDesambiguacion .overlay-bloque { position: absolute; width: 100%; height: 100%; } #paginaDesambiguacion .texto-introduccion { margin-top: 20px; } @media (max-width: 768px) { /*#paginaDesambiguacion main { height: auto !important; }*/ #paginaDesambiguacion .texto-introduccion { text-align: center; } } /* ------------------ PÁGINA FORMULARIO -----------------------*/ /*#paginaPromocion main { align-items: center; } #paginaPromocion.tiene-cabecera main { height: 90vh; } #paginaPromocion.tiene-footer main { height: calc(100vh - 150px); } #paginaPromocion.tiene-cabecera.tiene-footer main { height: calc(90vh - 150px); }*/ #paginaPromocion .promo-box { align-items: center; display: flex; justify-content: center; height: 100%; margin: 10px 0; } #paginaPromocion .promo-box img { max-width: 100%; height: auto; } #paginaPromocion .form-container { width: 90%; margin: 10px auto; background-color: #ffffff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px; border: 20px solid #000000; color: #000000; padding: 15px; } #paginaPromocion .form-container form { display: flex; flex-wrap: wrap; column-gap: 1rem; } #paginaPromocion .form-container div[class^="ancho-campo-"] { box-sizing: border-box; } #paginaPromocion .form-container div.ancho-campo-10 { width: calc(10% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-20 { width: calc(20% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-30 { width: calc(30% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-40 { width: calc(40% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-50 { width: calc(50% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-60 { width: calc(60% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-70 { width: calc(70% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-80 { width: calc(80% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-90 { width: calc(90% - 0.5rem); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.ancho-campo-100 { width: calc(100%); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.sin-gap { margin-bottom: 0; } #paginaPromocion .form-container div.sin-gap input[type="text"] { margin-bottom: 0.8rem; } #paginaPromocion .form-container div[class*="ancho-campo-"]:last-of-type { margin-bottom: 0; } #paginaPromocion .form-container .form-item, #paginaPromocion .form-container .form-actions { margin: 0 !important; } #paginaPromocion .form-container label { display: none; } #paginaPromocion .form-container label.option { display: inline; } #paginaPromocion .form-container input::placeholder { color: #000000; font-weight: 700; font-size: 16px; } #paginaPromocion .form-container input, #paginaPromocion .form-container select, #paginaPromocion .form-container textarea { background-color: #e5e5e5; font-size: 16px; border-radius: 18px; font-weight: 700; } #paginaPromocion .form-container legend { background-color: #e5e5e5; border-radius: 16px; font-weight: 200 !important; margin-right: 10px !important; width: auto; padding: 0.375rem 0.75rem !important; } #paginaPromocion .form-container legend span { font-weight: 700; } #paginaPromocion .form-container .form-required::after { display: none !important; } #paginaPromocion .form-container a { text-decoration: none; color: #666666; } #paginaPromocion .form-container a:hover { color: #000000; } #paginaPromocion .form-container .texto-top { color: #000000; font-size: 16px; } #paginaPromocion .form-container .texto-top h2 { font-weight: 700 !important; font-size: 22px; } #paginaPromocion .form-container .texto-top p { margin-bottom: 0 !important; } #paginaPromocion .form-container form fieldset { width: 100%; display: flex; align-content: space-around; justify-content: space-evenly; align-items: center; margin: 0; } #paginaPromocion .form-container form fieldset legend { width: 80%; } #paginaPromocion .form-container form fieldset .fieldset-wrapper { width: 20%; } #paginaPromocion .form-container form fieldset .fieldset-wrapper .form-radios { display: flex; align-items: center; justify-content: center; gap: 1rem;} #paginaPromocion .form-container form fieldset .fieldset-wrapper .form-radios label { margin:0; } #paginaPromocion .form-container form fieldset .fieldset-wrapper .form-radios input.form-radio { margin:0; } #paginaPromocion .form-container form .wrapper-adjuntar #ajax-wrapper { display: none; } #paginaPromocion .form-container form [id^="edit-reference-ext"] label { font-weight: 700 !important; } #paginaPromocion .form-container form input[id^="edit-reference-ext"] { margin-right: 8px; } #paginaPromocion .form-container form .wrapper-adjuntar a.simula-subida-fichero { display:inline-block; background-color: #e5e5e5; padding: 0.375rem 0.75rem; border-radius: 18px; color: #000000; font-weight: 700; } #paginaPromocion .form-container form .wrapper-adjuntar a.simula-subida-fichero:hover { color: #666666; } #paginaPromocion input[name="files[txtURLLink]"] { display: none; } #paginaPromocion input[name="txtURLLink_remove_button"] { display: inline-block !important; padding: 3px 0 7px 0; color: #000000; background: initial; border: 0 !important; font-weight: normal !important; } #paginaPromocion #edit-txturllink-upload { font-size: 12px; } #paginaPromocion .form-container .wrapper-submit { display: flex; justify-content: flex-end; } #paginaPromocion .form-container .wrapper-submit input.btn-enviar { background-color: #000000; border: 0; color: #ffffff; padding: 5px 20px; border-radius: 0px; } #paginaPromocion .form-container .wrapper-submit input.btn-enviar:hover { background-color: #666666; color: #ffffff; } #paginaPromocion .form-container .wrapper-submit input.btn-enviar.disabled { opacity: 0.4 !important; pointer-events: none; cursor: not-allowed; color: #ffffff; font-weight: normal; } #paginaPromocion .form-container input[type="checkbox"] { border-radius: 0px !important; border: 1px solid #000000 !important; } #paginaPromocion .form-container .texto-bottom { margin-top: 0.5rem; color: #000000; font-size: 12px; } #paginaPromocion .form-container .texto-bottom p { margin:0px; } #paginaPromocion .form-container .texto-bottom p strong { font-weight: 700 !important; } @media (max-width: 1280px) { /*#paginaPromocion main { height: auto !important; }*/ #paginaPromocion .form-container { width: 100%; } #paginaPromocion .form-container div.ancho-campo-10, #paginaPromocion .form-container div.ancho-campo-20, #paginaPromocion .form-container div.ancho-campo-30, #paginaPromocion .form-container div.ancho-campo-40, #paginaPromocion .form-container div.ancho-campo-50, #paginaPromocion .form-container div.ancho-campo-60, #paginaPromocion .form-container div.ancho-campo-70, #paginaPromocion .form-container div.ancho-campo-80, #paginaPromocion .form-container div.ancho-campo-90, #paginaPromocion .form-container div.ancho-campo-100 { width: calc(100%); margin-bottom: 0.8rem; } #paginaPromocion .form-container div.sin-gap { margin-bottom: 0; } #paginaPromocion .form-container div[class*="ancho-campo-"]:last-of-type { margin-bottom: 0; } #paginaPromocion .form-container .simula-subida-fichero { width: 100%; } #paginaPromocion .form-container input.btn-enviar { width: 100%; margin-top: 1rem; } #paginaPromocion .form-container form fieldset { width: 100%; display: block; } #paginaPromocion .form-container form fieldset legend { width: 100%; margin: 0 !important; } #paginaPromocion .form-container form fieldset .fieldset-wrapper { width: 100%; } /*#paginaPromocion footer { position: initial !important; }*/ } /* ------------------ PÁGINA CONFIRMACIÓN -----------------------*/ /*#paginaConfirmacion.tiene-cabecera main { height: 90vh; } #paginaConfirmacion.tiene-footer main { height: calc(100vh - 150px); } #paginaConfirmacion.tiene-cabecera.tiene-footer main { height: calc(90vh - 150px); }*/ #paginaConfirmacion .columnfoto { display: flex; align-items: center; justify-content: center; margin-top: 10px; margin-bottom: 10px; } #paginaConfirmacion .columtexto { display: flex; align-items: start; justify-content: center; } #paginaConfirmacion .email-confirm { max-width: 450px; text-align: center; color: #ffffff; font-size: 16px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 10px; margin-bottom: 10px; } #paginaConfirmacion .email-confirm a { color:#666666; background: #ffffff; padding: 15px; text-decoration: none; text-transform: uppercase; font-weight: bold; border-radius: 8px; } #paginaConfirmacion .email-confirm a:hover { color:#ffffff; background: #666666; transition: 0.3s ease-in-out; cursor: pointer; } /*@media (max-width: 768px) { #paginaConfirmacion main { height: auto !important; } }*/ /* ------------------ PÁGINA GENERAL -----------------------*/ /*#paginaGeneral main { align-items: start; } #paginaGeneral.tiene-cabecera main { height: 90vh; } #paginaGeneral.tiene-footer main { height: calc(100vh - 90px); } #paginaGeneral.tiene-cabecera.tiene-footer main { height: calc(90vh - 90px); }*/ #paginaGeneral .bloque_column { margin-bottom: 250px; } #paginaGeneral.pya-landing-container main { padding-top: 20px; } #paginaGeneral main a { text-decoration: underline !important; color: #000000 !important; } #paginaGeneral main a:hover { text-decoration: none !important; } @media (max-width: 768px) { /*#paginaGeneral main { height: auto !important; }*/ #paginaGeneral .bloque_column { margin-bottom: 50px; } }