Corte CNC

.cf7-premium-wrap{ max-width:100%; } /* GRID */ .cf7-premium-wrap .cf7-grid{ display:grid; grid-template-columns:1fr; gap:16px; } .cf7-premium-wrap .cf7-field{ position:relative; } /* INPUTS / TEXTAREA / SELECT */ .cf7-premium-wrap .cf7-field .wpcf7-form-control, .cf7-premium-wrap .cf7-field input, .cf7-premium-wrap .cf7-field textarea, .cf7-premium-wrap .cf7-field select{ width:100% !important; border:1px solid #d9d9d9 !important; background:#ffffff !important; color:#000000 !important; font-size:15px !important; line-height:1.4 !important; padding:14px 16px !important; border-radius:0 !important; box-sizing:border-box !important; outline:none !important; transition:all .25s ease !important; box-shadow:none !important; } /* PLACEHOLDER */ .cf7-premium-wrap .cf7-field .wpcf7-form-control::placeholder, .cf7-premium-wrap .cf7-field input::placeholder, .cf7-premium-wrap .cf7-field textarea::placeholder{ color:#7a7a7a !important; opacity:1 !important; } /* FOCUS */ .cf7-premium-wrap .cf7-field .wpcf7-form-control:focus, .cf7-premium-wrap .cf7-field input:focus, .cf7-premium-wrap .cf7-field textarea:focus, .cf7-premium-wrap .cf7-field select:focus{ border-color:#CB8A00 !important; box-shadow:0 0 0 2px rgba(203,138,0,0.12) !important; } /* SELECT BASE */ .cf7-premium-wrap .cf7-field select{ -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important; background-color:#ffffff !important; color:#000000 !important; padding-right:44px !important; } /* OPCIONES SELECT */ .cf7-premium-wrap .cf7-field select option{ background:#ffffff !important; color:#000000 !important; } /* TEXTAREA */ .cf7-premium-wrap .cf7-field textarea{ min-height:180px !important; resize:vertical !important; } /* BOTÓN */ .cf7-premium-wrap .cf7-submit-wrap{ display:flex; justify-content:center; margin-top:10px; } .cf7-premium-wrap .cf7-submit-wrap input[type="submit"]{ background:linear-gradient(135deg,#CB8A00,#E0A10A) !important; border:none !important; color:#ffffff !important; padding:15px 34px !important; border-radius:999px !important; font-size:15px !important; font-weight:600 !important; cursor:pointer !important; transition:all .25s ease !important; box-shadow:0 10px 25px rgba(203,138,0,0.22) !important; } .cf7-premium-wrap .cf7-submit-wrap input[type="submit"]:hover{ transform:translateY(-2px) !important; box-shadow:0 14px 30px rgba(203,138,0,0.30) !important; } /* MENSAJES */ .cf7-premium-wrap .wpcf7-not-valid-tip{ font-size:13px; color:#c0392b !important; margin-top:6px; } .cf7-premium-wrap .wpcf7-response-output{ margin:16px 0 0 0 !important; border-radius:8px !important; padding:10px 14px !important; font-size:14px !important; } /* DESKTOP */ @media (min-width:768px){ .cf7-premium-wrap .cf7-grid.two-col{ grid-template-columns:1fr 1fr; } .cf7-premium-wrap .cf7-full{ grid-column:1 / -1; } } /* ============================= */ /* NICE SELECT FIX */ /* ============================= */ /* NICE SELECT ALIGN FIX */ .cf7-premium-wrap .nice-select{ width:100% !important; height:48px !important; padding:0 44px 0 16px !important; border:1px solid #d9d9d9 !important; border-radius:0 !important; background:#ffffff !important; color:#000000 !important; box-sizing:border-box !important; font-size:15px !important; display:flex !important; align-items:center !important; } /* texto centrado verticalmente */ .cf7-premium-wrap .nice-select .current{ line-height:normal !important; display:flex; align-items:center; } /* dropdown */ .cf7-premium-wrap .nice-select .list{ width:100% !important; border-radius:6px !important; margin-top:4px !important; box-shadow:0 10px 25px rgba(0,0,0,0.08) !important; } /* opciones */ .cf7-premium-wrap .nice-select .option{ padding:10px 16px !important; } /* hover dorado */ .cf7-premium-wrap .nice-select .option:hover{ background:#CB8A00 !important; color:#ffffff !important; } /* seleccionada */ .cf7-premium-wrap .nice-select .option.selected{ background:#CB8A00 !important; color:#ffffff !important; } /* ocultar placeholder en dropdown */ .cf7-premium-wrap .nice-select .list .option:first-child{ display:none !important; }

/* CONTENEDOR POPUP */ .cf7-popup-form{ width:100%; } /* GRID */ .cf7-popup-form .cf7-grid{ display:grid; grid-template-columns:1fr; gap:14px; } /* CAMPOS */ .cf7-popup-form .cf7-field{ position:relative; } /* INPUTS */ .cf7-popup-form input, .cf7-popup-form textarea, .cf7-popup-form select, .cf7-popup-form .wpcf7-form-control{ width:100% !important; background:#ffffff !important; color:#000 !important; border:1px solid #dcdcdc !important; padding:12px 14px !important; font-size:15px !important; box-sizing:border-box; outline:none; transition:all .25s ease; } /* PLACEHOLDER */ .cf7-popup-form input::placeholder, .cf7-popup-form textarea::placeholder{ color:#7a7a7a; } /* FOCUS */ .cf7-popup-form input:focus, .cf7-popup-form textarea:focus, .cf7-popup-form select:focus{ border-color:#CB8A00 !important; box-shadow:0 0 0 2px rgba(203,138,0,.12); } /* TEXTAREA */ .cf7-popup-form textarea{ min-height:150px; resize:vertical; } /* SELECT */ .cf7-popup-form select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image: linear-gradient(45deg, transparent 50%, #000 50%), linear-gradient(135deg, #000 50%, transparent 50%); background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px); background-size:6px 6px; background-repeat:no-repeat; padding-right:40px; } /* OPCIONES SELECT */ .cf7-popup-form select option{ background:#ffffff !important; color:#000 !important; } /* BOTÓN */ .cf7-popup-form .submit-wrap{ display:flex; justify-content:center; margin-top:8px; } .cf7-popup-form input[type="submit"]{ background:linear-gradient(135deg,#CB8A00,#E0A10A); border:none; color:#fff; padding:14px 32px; border-radius:40px; font-size:15px; font-weight:600; cursor:pointer; transition:all .25s ease; box-shadow:0 10px 25px rgba(203,138,0,.25); } .cf7-popup-form input[type="submit"]:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(203,138,0,.35); } /* MENSAJES */ .cf7-popup-form .wpcf7-not-valid-tip{ font-size:13px; margin-top:5px; } .cf7-popup-form .wpcf7-response-output{ margin-top:12px !important; padding:10px !important; } /* DESKTOP */ @media(min-width:768px){ .cf7-popup-form .cf7-grid{ grid-template-columns:1fr 1fr; } .cf7-popup-form .full{ grid-column:1 / -1; } }