/* ==========================================================================
   template-denuncia.php — port de dist/denuncia/index.html + denuncia.css
   ========================================================================== */

.den{position:relative;background-color:var(--color-white);padding:0 var(--container-padding) 48px;overflow:clip}
.den__pattern{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:840px;height:364px;pointer-events:none;z-index:0}
.den__pattern img{display:block;width:100%;height:100%}
.den__container{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;display:flex;flex-direction:column;gap:40px;padding-top:48px}
.den__left{display:flex;flex-direction:column;gap:40px}
.den__intro{display:flex;flex-direction:column;gap:24px}
.den__badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:100px;width:fit-content}
.den__badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-blue)}
.den__badge-text{font-size:14px;font-weight:500;line-height:19px;color:var(--color-blue)}
.den__heading{display:flex;flex-direction:column;gap:16px}
.den__title{font-size:32px;font-weight:500;line-height:40px;color:var(--color-dark-blue);margin:0}
.den__paragraphs{display:flex;flex-direction:column;gap:16px}
.den__paragraphs p{font-size:18px;font-weight:400;line-height:normal;color:var(--color-text-dark);margin:0}
.den__paragraphs strong{font-weight:500}

.den__feature{display:flex;flex-direction:column;gap:12px;padding:20px;background-color:var(--color-white);border:1px solid var(--color-border-solid)}
.den__feature-head{display:flex;align-items:center;gap:12px}
.den__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-white);border:.8px solid var(--color-border-solid);border-radius:100px;color:var(--color-dark-blue);flex-shrink:0}
.den__feature-title{font-size:16px;font-weight:500;line-height:normal;color:var(--color-dark-blue);margin:0}
.den__feature-text{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);margin:0}

.den__form{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px;background-color:var(--color-white-2)}
.den__form-lines{position:absolute;inset:0;pointer-events:none;z-index:0}
.den__form-line{position:absolute;background:linear-gradient(to right,transparent 0%,rgba(25,31,47,.1) 10%,rgba(25,31,47,.1) 90%,transparent 100%)}
.den__form-line--h{left:-24px;right:-24px;height:1px}
.den__form-line--top{top:0}
.den__form-line--bottom{bottom:0}
.den__form-line--v{width:1px;top:-24px;bottom:-24px;background:linear-gradient(to bottom,transparent 0%,rgba(25,31,47,.1) 15%,rgba(25,31,47,.1) 85%,transparent 100%)}
.den__form-line--left{left:0}
.den__form-line--right{right:0}
.den__form>*:not(.den__form-lines){position:relative;z-index:1}
.den__field{display:flex;flex-direction:column;gap:12px;border:0;padding:0;margin:0}
.den__label{font-size:16px;font-weight:400;line-height:normal;color:var(--color-dark-blue);padding:0}
.den__required{color:#E95353}
.den__row{display:flex;flex-direction:column;gap:24px}
.den__row .den__field{flex:1;min-width:0}
.den__input{width:100%;height:44px;padding:10px 16px;background-color:var(--color-white);border:1px solid var(--color-border-solid);border-radius:8px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.2;color:var(--color-text-dark);box-sizing:border-box;transition:border-color .15s ease}
.den__input::placeholder{color:var(--color-text-dark);opacity:.6}
.den__input:focus{outline:none;border-color:var(--color-blue)}
.den__select-wrap{position:relative}
.den__select{appearance:none;-webkit-appearance:none;background-color:var(--color-white);cursor:pointer;padding-right:40px}
.den__select:invalid{color:rgba(46,51,63,.6)}
.den__select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-dark-blue);pointer-events:none}
.den__textarea{height:100px;padding:12px 16px;resize:vertical;line-height:1.4}
.den__radios-field{gap:12px}
.den__radios{display:flex;align-items:center;gap:24px}
.den__radio{display:inline-flex;align-items:center;gap:12px;cursor:pointer;position:relative}
.den__radio input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.den__radio-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background-color:var(--color-white);border:1px solid var(--color-border-solid);border-radius:4px;color:transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.den__radio input:checked + .den__radio-box{background-color:var(--color-blue);border-color:var(--color-blue);color:var(--color-white)}
.den__radio input:focus-visible + .den__radio-box{outline:2px solid var(--color-blue);outline-offset:2px}
.den__radio-label{font-size:16px;font-weight:400;line-height:1.4;color:var(--color-dark-blue)}
.den__submit{width:100%;height:42px;padding:12px 24px;background-color:var(--color-blue);color:var(--color-white);border:0;border-radius:100px;font-family:inherit;font-size:16px;font-weight:500;line-height:normal;cursor:pointer;transition:opacity .2s ease}
.den__submit:hover{opacity:.9}
.den__privacy{font-size:14px;font-weight:400;line-height:normal;color:var(--color-text-dark);text-align:center;margin:0}
.den__privacy-link{color:inherit;text-decoration:underline}

@media (min-width:768px){
  .den{padding:0 var(--container-padding) 80px}
  .den__pattern{display:none}
  .den__container{flex-direction:row;align-items:flex-start;gap:80px;padding-top:80px}
  .den__left{flex:0 0 500px;max-width:500px}
  .den__title{font-size:40px;line-height:48px}
  .den__feature{padding:24px}
  .den__feature-title{font-size:18px}
  .den__form{flex:1;min-width:0}
  .den__row{flex-direction:row;gap:16px}
  .den__form-line--h{left:-48px;right:-48px}
  .den__form-line--v{top:-48px;bottom:-48px}
}