/* === CONTACT PAGE — two-column layout === */
.isoc-contact-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
max-width: 1100px;
margin: 0 auto;
align-items: start;
}
.isoc-contact-form-col {
background: #fff;
border-radius: 16px;
padding: 40px;
border: 1px solid var(–gray-200);
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
}
.isoc-contact-form-col h2 {
font-size: 1.6rem !important;
font-weight: 800 !important;
color: var(–navy) !important;
text-align: left !important;
margin-bottom: 4px !important;
}
.isoc-contact-form-col h2 span { color: var(–red) !important; }
.isoc-contact-form-col .isoc-form { max-width: 100%; }
.isoc-contact-form-col .isoc-form-group label {
color: var(–navy) !important;
font-weight: 600;
}
.isoc-contact-form-col .isoc-form-group input,
.isoc-contact-form-col .isoc-form-group select,
.isoc-contact-form-col .isoc-form-group textarea {
background: #f8f9fa !important;
border: 2px solid #e0e3e8 !important;
color: #333 !important;
border-radius: 8px !important;
padding: 14px 16px !important;
font-size: 0.95rem !important;
width: 100% !important;
box-sizing: border-box !important;
height: auto !important;
}
.isoc-contact-form-col .isoc-form-group select {
min-height: 48px !important;
}
.isoc-contact-form-col .isoc-form-group input:focus,
.isoc-contact-form-col .isoc-form-group select:focus,
.isoc-contact-form-col .isoc-form-group textarea:focus {
border-color: var(–red) !important;
background: #fff !important;
outline: none !important;
}
.isoc-contact-form-col .isoc-form-group input::placeholder,
.isoc-contact-form-col .isoc-form-group textarea::placeholder {
color: #aaa !important;
}
/* Info column — stacked cards */
.isoc-contact-info-col {
display: flex;
flex-direction: column;
gap: 16px;
}
.isoc-contact-info-card {
background: #fff;
border: 1px solid var(–gray-200);
border-radius: 12px;
padding: 24px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px;
transition: all 0.25s ease;
}
.isoc-contact-info-card:hover {
border-color: var(–red);
box-shadow: 0 4px 16px rgba(232,68,32,0.08);
}
.isoc-contact-info-icon {
font-size: 1.8rem;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: var(–gray-50);
border-radius: 10px;
flex-shrink: 0;
}
.isoc-contact-info-card h4 {
font-size: 1rem;
font-weight: 700;
color: #0A0E27 !important;
margin: 0;
flex: 1;
min-width: 80px;
}
.isoc-contact-info-card p {
margin: 0;
width: 100%;
color: #6B7280 !important;
font-size: 0.95rem;
}
.isoc-contact-info-card a {
color: var(–red) !important;
font-weight: 600;
text-decoration: none !important;
}
.isoc-contact-info-card a:hover {
color: #D03A18 !important;
}
.isoc-contact-small {
font-size: 0.8rem !important;
color: #888 !important;
margin-top: 2px !important;
}
.isoc-contact-disclaimer {
background: #fff;
border: 1px solid var(–gray-200);
border-radius: 12px;
padding: 24px;
margin-top: 8px;
}
.isoc-contact-disclaimer p {
color: #6B7280 !important;
font-size: 0.82rem !important;
margin: 0 0 10px 0 !important;
line-height: 1.5;
}
.isoc-disclaimer-domains {
color: #E84420 !important;
font-size: 0.8rem !important;
font-weight: 600;
margin-bottom: 0 !important;
word-break: break-word;
}
@media (max-width: 992px) {
.isoc-contact-row {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.isoc-contact-form-col {
padding: 28px 20px;
}
}
@media (max-width: 576px) {
.isoc-contact-form-col {
padding: 24px 16px;
border-radius: 12px;
}
.isoc-contact-info-card {
padding: 18px 16px;
}
}
CONTACTO
Hablemos de tu seguridad
Consulta gratuita y confidencial. Nuestro equipo de expertos en ciberseguridad responde en menos de 24 horas.
(function(){
var ajaxUrl = (typeof isocAjax !== «undefined») ? isocAjax.url : «/wp-admin/admin-ajax.php»;
var sb = document.getElementById(«isocSubmitBtn»);
var ts = document.getElementById(«isocTs»);
if(ts) ts.value = Date.now();
window.isocSubmitForm = function(e, form){
e.preventDefault();
var turnstileResponse = form.querySelector(‘[name=»cf-turnstile-response»]’);
if(!turnstileResponse || !turnstileResponse.value){
alert(«Completa la verificación de seguridad.»);
return false;
}
sb.disabled = true;
sb.textContent = «Enviando…»;
sb.style.opacity = «0.6»;
var fd = new FormData(form);
fd.append(«action», «isoc_contact»);
fetch(ajaxUrl, { method: «POST», body: fd, credentials: «same-origin» })
.then(function(r){ return r.json(); })
.then(function(data){
if(data.success){
form.innerHTML = ‘
✔
Mensaje enviado
‘ + data.data + ‘
‘;
} else {
alert(data.data || «Error al enviar.»);
sb.disabled = false;
sb.textContent = «Enviar consulta»;
sb.style.opacity = «1»;
if(typeof turnstile !== «undefined») turnstile.reset();
}
})
.catch(function(){
alert(«Error de conexión. Inténtalo de nuevo.»);
sb.disabled = false;
sb.textContent = «Enviar consulta»;
sb.style.opacity = «1»;
if(typeof turnstile !== «undefined») turnstile.reset();
});
return false;
};
})();
