/* Formularios del sitio (contacto por país y cotización de promos) */
.ee-contacto { padding: 70px 0; background: #f6f6f6; scroll-margin-top: 110px; }
.ee-contacto .ee-card { display: flex; flex-wrap: wrap; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 40px rgba(35,31,32,.08); max-width: 1040px; margin: 0 auto; }
.ee-contacto .ee-panel { flex: 0 0 36%; background: #231f20; color: #fff; padding: 44px 36px; }
.ee-contacto .ee-panel .ee-kicker { color: #ec2330; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 12px; }
.ee-contacto .ee-panel h2 { color: #fff; font-size: 28px; line-height: 1.2; margin: 0 0 16px; text-transform: none; }
.ee-contacto .ee-panel p { color: #bdbdbd; font-size: 15px; line-height: 1.6; margin: 0 0 28px; }
.ee-contacto .ee-dato { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; color: #fff; text-decoration: none; }
.ee-contacto .ee-dato:hover, .ee-contacto .ee-dato:focus { color: #fff; text-decoration: none; }
.ee-contacto .ee-dato i { flex: 0 0 40px; height: 40px; border-radius: 50%; background: rgba(236,35,48,.15); color: #ec2330; display: flex; align-items: center; justify-content: center; font-size: 17px; }
.ee-contacto .ee-dato span { display: block; font-size: 12px; color: #9a9a9a; text-transform: uppercase; letter-spacing: 1px; }
.ee-contacto .ee-dato strong { display: block; font-size: 15px; font-weight: 600; word-break: break-word; }
.ee-contacto .ee-form { flex: 1 1 64%; padding: 44px 40px; }
.ee-contacto .ee-fila { display: flex; gap: 18px; }
.ee-contacto .ee-fila > .ee-campo { flex: 1; }
.ee-contacto .ee-campo { margin-bottom: 18px; }
.ee-contacto label { display: block; font-size: 13px; font-weight: 600; color: #231f20; margin-bottom: 6px; letter-spacing: .3px; }
.ee-contacto label em { color: #ec2330; font-style: normal; }
.ee-contacto input[type=text], .ee-contacto input[type=email], .ee-contacto input[type=tel], .ee-contacto input[type=number], .ee-contacto select, .ee-contacto textarea {
	width: 100%; border: 1px solid #dcdcdc; border-radius: 6px; padding: 12px 14px; font-size: 15px; color: #231f20; background: #fff;
	transition: border-color .2s, box-shadow .2s; box-shadow: none; height: auto; margin: 0; }
.ee-contacto textarea { min-height: 130px; resize: vertical; }
.ee-contacto input:focus, .ee-contacto select:focus, .ee-contacto textarea:focus { outline: none; border-color: #ec2330; box-shadow: 0 0 0 3px rgba(236,35,48,.12); }
.ee-contacto ::placeholder { color: #a5a5a5; }
.ee-contacto .ee-envio { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 6px; }
.ee-contacto .ee-btn { background: #ec2330; color: #fff; border: 0; border-radius: 6px; padding: 14px 34px; font-size: 14px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.ee-contacto .ee-btn:hover { background: #c81a26; }
.ee-contacto .ee-btn[disabled] { background: #9a9a9a; cursor: wait; }
.ee-contacto .ee-nota { font-size: 12px; color: #8a8a8a; margin: 14px 0 0; }
.ee-contacto .ee-aviso { border-radius: 6px; padding: 14px 44px 14px 16px; margin-bottom: 22px; font-size: 14px; line-height: 1.5; position: relative; transition: opacity .4s; }
.ee-contacto .ee-aviso.ok    { background: #e9f7ef; color: #1e6b3a; border-left: 4px solid #2e9e5b; }
.ee-contacto .ee-aviso.aviso { background: #fff6e5; color: #7a5200; border-left: 4px solid #f0a500; }
.ee-contacto .ee-aviso.error { background: #fdecee; color: #8f1520; border-left: 4px solid #ec2330; }
.ee-contacto .ee-aviso button { position: absolute; top: 10px; right: 12px; background: none; border: 0; font-size: 20px; line-height: 1; color: inherit; opacity: .6; cursor: pointer; }
.ee-contacto .ee-captcha-msg { display: none; flex: 1; color: #ec2330; font-size: 13px; }
.ee-contacto .ee-nota a { color: #8a8a8a; text-decoration: underline; }
/* reCAPTCHA v3: se oculta el sello flotante (choca con el botón de WhatsApp); el aviso legal va en .ee-nota */
.grecaptcha-badge { visibility: hidden; }
@media (max-width: 767px) {
	.ee-contacto { padding: 40px 0; }
	.ee-contacto .ee-panel, .ee-contacto .ee-form { flex: 1 1 100%; padding: 30px 22px; }
	.ee-contacto .ee-form { order: -1; }
	.ee-contacto .ee-fila { flex-direction: column; gap: 0; }
	.ee-contacto .ee-btn { width: 100%; }
}

/* Select con flecha propia */
.ee-contacto select { appearance: none; -webkit-appearance: none; padding-right: 38px; cursor: pointer;
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23231f20' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center; }

/* Cotización: resumen del producto en el panel */
.ee-contacto.ee-cotizar { background: transparent; padding: 56px 0 0; margin-top: 44px; border-top: 1px solid #e5e5e5; }
@media (max-width: 767px) { .ee-contacto.ee-cotizar { padding-top: 36px; margin-top: 30px; } }
.ee-producto { background: #fff; border-radius: 8px; padding: 14px; margin: 0 0 22px; text-align: center; }
.ee-producto img { width: 100%; max-width: 220px; aspect-ratio: 1 / 1; object-fit: contain; display: block; margin: 0 auto; }
.ee-producto-info { margin: 0 0 26px; }
.ee-producto-info strong { display: block; color: #fff; font-size: 18px; line-height: 1.3; margin-bottom: 6px; }
.ee-producto-info span { color: #bdbdbd; font-size: 14px; }
.ee-producto-info em { display: block; font-style: normal; color: #ec2330; font-size: 24px; font-weight: 800; margin-top: 2px; }
.ee-fila .ee-campo.ee-corto { flex: 0 0 130px; }
@media (max-width: 767px) { .ee-fila .ee-campo.ee-corto { flex: 1; } }