/* DV · Boletín
   El formulario va en la portada y en el popup, sobre fondos distintos, así que
   no da nada por supuesto: colores propios y anchura limitada. */

.dvbo{max-width:520px;margin:0 auto;text-align:left}
.dvbo-form{margin:0}

.dvbo-etiqueta{display:block;margin:0 0 7px;font-size:11px;font-weight:700;
	letter-spacing:.16em;text-transform:uppercase;color:#6E6A60}

.dvbo-fila{display:flex;gap:8px;align-items:stretch}

.dvbo-campo{flex:1 1 auto;min-width:0;height:50px;padding:0 15px;font-size:16px;
	color:#14151A;background:#FFFFFF;border:1px solid #D8D2C6;border-radius:2px;
	-webkit-appearance:none;appearance:none}
.dvbo-campo::placeholder{color:#A9A395}
.dvbo-campo:focus{outline:none;border-color:#14151A;box-shadow:0 0 0 3px rgba(20,21,26,.12)}

.dvbo-boton{flex:0 0 auto;height:50px;padding:0 22px;border:0;border-radius:2px;
	background:#14151A;color:#FFFFFF;font-size:13px;font-weight:700;letter-spacing:.08em;
	cursor:pointer;transition:background .15s}
.dvbo-boton:hover{background:#C8A24A;color:#14151A}
.dvbo-boton:focus-visible{outline:3px solid #C8A24A;outline-offset:2px}

.dvbo-permiso{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:#55514A}
/* El tema pone TODAS las etiquetas en mayúsculas y en negrita. Para «TU CORREO»
   está bien; para una frase entera es ilegible. Aquí se le quita. */
.dvbo-permiso label,.dvbo-permiso span{text-transform:none;letter-spacing:normal;
	font-weight:400;font-size:13.5px;line-height:1.5;color:#55514A}
.dvbo-permiso label{display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.dvbo-permiso input{margin:2px 0 0;flex:0 0 auto;width:16px;height:16px;accent-color:#14151A}
.dvbo-permiso a{color:inherit;text-decoration:underline;text-underline-offset:3px}

.dvbo-letrapequena{margin:9px 0 0;font-size:12.5px;line-height:1.5;color:#8A8578;
	text-transform:none;letter-spacing:normal;font-weight:400}

.dvbo-aviso{margin:0 0 16px;padding:13px 15px;font-size:14.5px;line-height:1.55;border-radius:2px}
.dvbo-aviso--bien{background:#EDF3EC;border-left:3px solid #4C7A46;color:#2E4A2A}
.dvbo-aviso--mal{background:#FCF3F2;border-left:3px solid #B3261E;color:#7A1C16}
.dvbo-aviso a{color:inherit}

/* Las dos pantallas de «confirmado» y «baja». */
.dvbo-pantalla{padding:110px 20px 120px;background:#F6F2EA}
.dvbo-pantalla-caja{max-width:560px;margin:0 auto;text-align:center}
.dvbo-pantalla h1{margin:0 0 14px;font-size:clamp(28px,4vw,42px);font-weight:400;
	letter-spacing:-.01em;color:#14151A}
.dvbo-pantalla p{margin:0 0 18px;font-size:17px;line-height:1.6;color:#55514A}
.dvbo-volver{display:inline-block;margin-top:6px;padding:13px 24px;background:#14151A;
	color:#FFFFFF;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.08em}
.dvbo-volver:hover{background:#C8A24A;color:#14151A}

@media (max-width:520px){
	.dvbo-fila{flex-direction:column}
	.dvbo-boton{height:48px;width:100%}
}

/* El tema pinta todos los botones y campos a su manera, con más peso que esto.
   Se le gana en especificidad, no a base de !important por todas partes. */
.dvbo .dvbo-form .dvbo-boton{background:#14151A;border:2px solid #14151A;color:#FFFFFF}
.dvbo .dvbo-form .dvbo-boton:hover{background:#C8A24A;border-color:#C8A24A;color:#14151A}
.dvbo .dvbo-form .dvbo-campo{background:#FFFFFF;border:1px solid #D8D2C6;color:#14151A}
.dvbo .dvbo-form .dvbo-campo:focus{border-color:#14151A}

/* El renglón «¡Sí! También odio el spam ;)» que había debajo del formulario se
   vació: lo que decía ya lo dice el propio formulario, y con mejores modales.
   Se esconde el hueco que dejaba el widget. */
.elementor-4912 .elementor-element-8ef03df{display:none}