/* Creativos · Registro Guía — estilos con prefijo .crg para no chocar con el tema */
.crg{
  --crg-fucsia:#b10f5a;
  --crg-vivo:#d4157a;
  --crg-profundo:#8c0a47;
  --crg-dorado:#d6b36a;
  --crg-premium:#b08b4f;
  --crg-crema:#f7f2ea;
  --crg-marfil:#fff8f2;
  --crg-texto:#2a1a1f;
  --crg-suave:#6b5a5f;
  --crg-borde:#ead9c4;
  font-family:'DM Sans',system-ui,-apple-system,sans-serif !important;
  color:var(--crg-texto);
  max-width:1120px;
  margin:0 auto;
  padding:24px 16px;
  box-sizing:border-box;
}
.crg *,.crg *::before,.crg *::after{box-sizing:border-box}

.crg .crg-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:stretch}

/* Portada */
.crg .crg-cover{
  background:linear-gradient(150deg,var(--crg-vivo) 0%,var(--crg-fucsia) 50%,var(--crg-profundo) 100%);
  border-radius:24px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 18px 45px rgba(140,10,71,.25);
}
.crg .crg-cover img{display:block;width:100%;height:auto;margin:0;border-radius:0;max-width:100%}
.crg .crg-cover-list{padding:26px 28px 30px;color:var(--crg-marfil)}
.crg .crg-cover-list .crg-kicker{color:var(--crg-dorado) !important}
.crg .crg-cover-list ul{list-style:none !important;margin:0 !important;padding:0 !important}
.crg .crg-cover-list li{display:flex;gap:12px;align-items:center;margin:0 0 12px !important;padding:0 !important;font-size:16px;line-height:1.4;color:var(--crg-marfil) !important}
.crg .crg-cover-list li::before{display:none !important}
.crg .crg-cover-list li span{flex:none;width:30px;height:30px;border-radius:50%;background:var(--crg-dorado);color:var(--crg-profundo);display:grid;place-items:center;font-weight:700;font-size:14px}

/* Tarjeta del formulario */
.crg .crg-card{background:#fff;border:1px solid var(--crg-borde);border-radius:24px;padding:36px 34px;box-shadow:0 14px 40px rgba(42,26,31,.08);border-top:6px solid var(--crg-fucsia)}
.crg .crg-kicker{margin:0 0 8px !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:var(--crg-fucsia) !important}
.crg .crg-title{margin:0 0 12px !important;font-family:'Cormorant Garamond',Georgia,serif !important;font-size:clamp(30px,4vw,40px) !important;line-height:1.1 !important;font-weight:700 !important;color:var(--crg-profundo) !important;text-transform:none !important;letter-spacing:0 !important}
.crg .crg-title em{color:var(--crg-fucsia);font-style:italic}
.crg .crg-lead{margin:0 0 22px !important;font-size:16px !important;line-height:1.6 !important;color:var(--crg-suave) !important}

.crg .crg-alert{background:#fdecf3;border-left:4px solid var(--crg-fucsia);color:var(--crg-profundo);padding:12px 14px;border-radius:0 12px 12px 0;margin:0 0 18px;font-size:15px}

/* Campos */
.crg .crg-form{margin:0}
.crg .crg-field{margin:0 0 16px}
.crg .crg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.crg label{display:block;margin:0 0 6px !important;font-size:14px !important;font-weight:600 !important;color:var(--crg-texto) !important;text-transform:none !important;letter-spacing:0 !important}
.crg label span{color:var(--crg-fucsia)}
.crg input[type=text],.crg input[type=email],.crg select{
  width:100% !important;height:50px !important;padding:0 16px !important;margin:0 !important;
  border:1.5px solid var(--crg-borde) !important;border-radius:14px !important;
  background:var(--crg-marfil) !important;color:var(--crg-texto) !important;
  font:16px 'DM Sans',system-ui,sans-serif !important;box-shadow:none !important;outline:none;
  transition:border-color .2s, box-shadow .2s;appearance:auto;
}
.crg select{padding-right:10px !important;cursor:pointer}
.crg input:focus,.crg select:focus{border-color:var(--crg-fucsia) !important;box-shadow:0 0 0 4px rgba(177,15,90,.12) !important;background:#fff !important}
.crg .crg-invalid{border-color:#d63638 !important}
.crg small{display:block;margin-top:6px;font-size:13px;color:var(--crg-suave)}

.crg .crg-consent{display:flex !important;gap:10px;align-items:flex-start;margin:6px 0 20px !important;font-weight:400 !important;font-size:14px !important;color:var(--crg-suave) !important;cursor:pointer;line-height:1.5}
.crg .crg-consent input{flex:none;width:19px;height:19px;margin:2px 0 0 !important;accent-color:var(--crg-fucsia)}
.crg .crg-consent span{color:var(--crg-suave) !important}

/* Honeypot oculto */
.crg .crg-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}

/* Botones */
.crg .crg-btn{
  display:block;width:100%;text-align:center;padding:16px 24px !important;margin:0 0 12px !important;
  border:0 !important;border-radius:999px !important;cursor:pointer;
  background:linear-gradient(90deg,var(--crg-fucsia),var(--crg-vivo)) !important;color:#fff !important;
  font:700 17px 'DM Sans',system-ui,sans-serif !important;text-decoration:none !important;letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(177,15,90,.3);transition:transform .15s, box-shadow .2s;
}
.crg .crg-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(177,15,90,.38)}
.crg .crg-btn[disabled]{opacity:.7;cursor:wait;transform:none}
.crg .crg-btn-wa{background:#25d366 !important;box-shadow:0 10px 24px rgba(37,211,102,.28)}
.crg .crg-note{margin:4px 0 0 !important;text-align:center;font-size:13px !important;color:var(--crg-suave) !important}

/* Mensaje de registro exitoso */
.crg .crg-success{text-align:center}
.crg .crg-check{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--crg-fucsia),var(--crg-vivo));color:#fff;display:grid;place-items:center;font-size:32px;font-weight:700;box-shadow:0 10px 24px rgba(177,15,90,.3)}
.crg .crg-success .crg-lead{text-align:center}
.crg .crg-wa-box{background:var(--crg-crema);border:1px solid var(--crg-borde);border-radius:18px;padding:20px 20px 8px;margin:6px 0 18px}
.crg .crg-wa-box p{margin:0 0 16px !important;font-size:15.5px !important;line-height:1.55 !important;color:var(--crg-texto) !important}
.crg .crg-after{font-weight:600;color:var(--crg-fucsia) !important}
.crg .crg-skip{display:inline-block;font-size:15px;font-weight:600;color:var(--crg-fucsia) !important;text-decoration:underline !important;text-underline-offset:3px}

@media (max-width:860px){
  .crg .crg-grid{grid-template-columns:1fr}
  .crg .crg-cover-list{display:none}
}
@media (max-width:520px){
  .crg{padding:16px 12px}
  .crg .crg-card{padding:28px 20px}
  .crg .crg-row{grid-template-columns:1fr;gap:0}
}