/*======================================*/ /*Contacto*/ /*======================================*/ .contacto{ background-color:rgba(144,199,74,1); padding: 50px calc((100% - min(96%, 1280px)) / 2) 75px calc((100% - min(96%, 1280px)) / 2); display: flex; align-items: center; justify-content: space-between; position: relative; } .contacto:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2; background-image: url('../images/symbol-cowork.webp'), url('../images/symbol-cowork.webp'), url('../images/symbol-cowork.webp'); background-repeat: no-repeat, no-repeat, no-repeat; background-position: -220px -220px, calc(100% + 80px) calc(100% + 120px), 30% calc(100% + 170px); background-size: 750px 750px, 245px 245px, 340px 340px; } .contacto-form{ margin: 0; padding: 0; width: 590px; position: relative; z-index: 2; } .contacto-contenedor > div:nth-child(2){ padding: 20px 30px 30px 30px; background-color:rgba(252,253,251,0.3); } .contacto-alerta{ background-color:rgba(234,235,233,1); border-radius: 10px; color:rgba(0,0,0,1); border: dotted 1px rgba(0,0,0,1); top: auto; bottom: 0; } .contacto-cerrar{ text-align:right; } .contacto-campo{ padding: 10px; border: none; border-bottom: solid 1px rgba(0,0,0,0.3); background-color: transparent; color:rgba(0,0,0,1); font-family:'title',helvetica,verdana,sans-serif; font-size: 1rem; } .contacto-campo-vacio{ border-bottom: 1px solid rgba(255,0,0,1)!important; } .contacto-campo::placeholder{ /* Chrome/Opera/Safari */ color: rgba(0,0,0,0.45); } .contacto-campo:focus::placeholder{ color: rgba(0,0,0,0.2); } .contacto-campo:focus{ border-bottom: solid 1px rgba(0,0,0,1); background-color:rgba(252,253,251,0.3); } .contacto-campo-text{ padding: 10px; border: none; border-bottom: solid 1px rgba(0,0,0,0.3); background-color: transparent; color:rgba(0,0,0,1); font-family:'title',helvetica,verdana,sans-serif; font-size: 1rem; } .contacto-campo-text-vacio{ border-bottom: 1px solid rgba(255,0,0,1)!important; } .contacto-campo-text::placeholder{ color: rgba(0,0,0,0.45); } .contacto-campo-text:focus::placeholder{ color: rgba(0,0,0,0.2); } .contacto-campo-text:focus{ border-bottom: solid 1px rgba(0,0,0,1); background-color:rgba(252,253,251,0.3); } .contacto-notificaciones{ color:rgba(0,0,0,1); font-size: 0.85rem; line-height: 1.6; } .contacto-notificaciones .vinculo{ font-family:'title',helvetica,verdana,sans-serif; text-decoration: underline; color:rgba(0,0,0,1); } .contacto-boton{ margin-top: 20px; font-family:'title',helvetica,verdana,sans-serif;border-radius: 10px;color:rgba(0,0,0,1);background-color:rgba(255,255,255,1);font-size: 1rem;padding:10px 20px;line-height:1;transition: all 0.4s ease-in-out 0s;cursor:pointer; display: inline-block; line-height: 1.5; width: auto; border: none; min-width: 220px; text-align: center; } .contacto-boton:hover{ background-color:rgba(0,0,0,1);color:rgba(255,255,255,1); } .contacto-mensaje #dWait-Con{ font-size: 2.1em; color:rgba(144,199,74,1); right: auto; left: 4px; top: auto; bottom: 4px; line-height: 1; } .contacto-mensaje-con{ background-color:rgba(234,235,233,1); border-radius: 10px; color:rgba(0,0,0,1); border: dotted 1px rgba(0,0,0,1); } .contacto-mensaje-cerrar{ text-align:right; } .contacto-mensaje-contenido{ text-align:center; } .contacto-introduccion{ width: calc(100% - 590px - 120px); padding: 0; margin: 0; position: relative; z-index: 2; } .contacto-introduccion h2{ font-family:'title',helvetica,verdana,sans-serif;color:rgba(0,0,0,1);line-height: 1.2; margin-bottom: 20px; } @media (max-width: 800px){ .contacto{ padding: 65px 0; flex-wrap: wrap; } .contacto:before{ background-image: url('../images/symbol-cowork.webp'); background-position: -180px -180px; background-size: 445px 445px; } .contacto-form{ margin: 0 auto; width: 90%; } .contacto-contenedor > div:nth-child(2){ padding: 10px 15px 25px 15px; } .contacto-campo{ font-size: 0.95rem; } .contacto-campo-text{ font-size: 0.95rem; } .contacto-notificaciones{ margin-top: 15px; } .contacto-introduccion{ width: 90%; margin: 0 auto 25px auto; } .contacto-introduccion h2{ margin-bottom: 15px; } }