.container {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.title {
margin-bottom: 10px;
text-align: center;
margin-top: -2px;
border-bottom: 1px solid #CFCFCF;
}
.title h2 {
display: inline-block;
font-size: 30px;
margin-bottom: -2px;
border-bottom: 2px solid #f01612;
}
.subtitle h3 {
color: #000;
display: block;
text-align: center;
margin: 0 auto;
line-height: 2;
}
.claim-wong .text-content {
width: 100%;
margin: 10px auto 0;
}
.center {
width: 100%;
margin: 0 auto;
max-width: 1440px;
}
.claim-wong .description {
text-align: center;
font-size: 0.825em;
margin-bottom: 37px;
font-weight: 300;
color: #333;
}
.claim-wong .description p {
line-height: 1.3625rem;
margin: 0px;
font-weight: 300;
color: #525252;
}
.claim-wong .description fieldset {
border: solid 1px #dadada;
background: #f9f9f9;
}
.claim-wong .description p .color-highlight {
color: #f01612;
}
.claim-wong .description p span {
font-weight: 600;
color: #333;
}
.head {
display: block;
background: #000;
height: 60px;
width: 100%;
margin: 0 0 80px;
}
.head .head-logo {
display: block;
width: 100px;
height: 100px;
margin: 0 auto 0;
position: relative;
top: 8px;
}
.head .head-logo img {
width: 100%;
}
#responsive-form{
width:100% !important;
border-radius: 17px !important;
border-width: 0px !important;
border-style: solid !important;
position: relative !important;
color: #000000 !important;
margin: 0 auto 30px !important;
max-width: 940px !important;
width: 100% !important;
}
.column-full .content-wrapper .contact-title h2 {
display: inline-block;
font-size: 1.3125rem;
font-weight: 600;
color: #000;
padding: 0 0 0 70px;
}
input#submit, input[type="button"], input[type="submit"] {
border-radius: 60px;
padding: 10px 40px;
color: #ffffff;
border-color: #000000;
background-color: #000000;
}
.form-row-libro{
width: 100%;
}
.column-half, .column-two, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: "";
display: table;
clear: both;
}  .text-xs-center {
text-align: center;
}
.g-recaptcha {
display: inline-block;
}
.alert{
color:#b60416;
}
label.error{
color:#b60416;
}
.column-full .font-icn.ico-data {
background: url(//www.malli.pe/wp-content/plugins/libro-de-reclamaciones-y-quejas/ico-datos.jpg) no-repeat top center /100% auto;
}
.column-full .font-icn {
display: inline-block;
position: absolute;
margin: -10px 12px 0 -65px;
width: 40px;
height: 40px;
}
.column-full h2 { font-size: 30px;
text-align: left;
}
.column-full .font-icn.ico-claim {
background: url(//www.malli.pe/wp-content/plugins/libro-de-reclamaciones-y-quejas/ico-reclamos.jpg) no-repeat top center /100% auto;
}
.column-full .font-icn {
display: inline-block;
position: absolute;
margin: -10px 12px 0 -65px;
width: 40px;
height: 40px;
} #responsive-form .form-row-libro::after {
content: "";
display: table;
clear: both;
} #responsive-form .column-half,
#responsive-form .column-two,
#responsive-form .column-full { min-width: 0; }
#responsive-form textarea {
width: 100%; height: 100px; resize: both; }
#responsive-form input[type="date"], input[type="text"] , input[type="number"]  {
width: 100% !important;
height: 40px !important;
}
#responsive-form .error {
font-size: 15px;
} @media only screen and (min-width: 48em) { 
.column-half{
width: 33.33%;
}
.column-two{
width: 50%;
}
}
@media (min-width: 700px){
section {
padding: 0rem 0; 
}
} .rt-libro-consent { display:flex; align-items:flex-start; gap:8px; text-align:left; }
.rt-libro-consent input[type="checkbox"] { flex:0 0 auto; margin-top:4px; }
.rt-libro-consent-text { display:inline; flex:1; min-width:0; line-height:1.6; overflow-wrap:break-word; }
.rt-libro-consent-text a { display:inline; text-decoration:underline; } @media only screen and (min-width: 48em) {
#responsive-form .rt-libro-address-wide { width: 66.666667%; }
}
#responsive-form .rt-libro-address-wide input { width: 100%; max-width: 100%; box-sizing: border-box; } #responsive-form .rt-libro-company {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
margin: 0 0 1.5rem;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: inherit;
font: inherit;
box-shadow: none;
box-sizing: border-box;
}
#responsive-form .rt-libro-company-logo {
display: block;
max-width: 150px;
max-height: 100px;
width: auto;
height: auto;
object-fit: contain;
flex: 0 0 auto;
}
#responsive-form .rt-libro-company-details {
flex: 1 1 190px;
min-width: 0;
font: inherit;
color: inherit;
overflow-wrap: anywhere;
}
#responsive-form .rt-libro-company-details > div { margin-block: 0 0.25em; }
#responsive-form .rt-libro-company-details strong { color: inherit; font: inherit; font-weight: 700; }
@media (max-width: 480px) {
#responsive-form .rt-libro-company { align-items: flex-start; }
#responsive-form .rt-libro-company-logo { max-width: 110px; max-height: 80px; }
} #rt_form_libro #responsive-form .rt-libro-field-label {
display: block;
width: 100%;
margin-bottom: 0.25rem;
}
#rt_form_libro #responsive-form .rt-libro-field-label + select {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box; height: 40px !important;
min-height: 40px !important;
line-height: normal !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
vertical-align: middle; border-bottom: 1px solid #d3d3d3 !important;
} #rt_form_libro #responsive-form .rtlr-confirmation-row { margin-bottom: 1.25rem; }
#rt_form_libro #responsive-form .rtlr-confirmation {
box-sizing: border-box;
display: flex;
gap: 14px;
align-items: flex-start;
width: 100%;
padding: 18px 20px;
border: 1px solid #cfe6d4;
border-left: 4px solid #37864c;
border-radius: 8px;
background: #f4faf5;
color: #24372a;
text-align: left;
}
#rt_form_libro #responsive-form .rtlr-confirmation-icon {
flex: 0 0 29px;
width: 29px;
height: 29px;
line-height: 29px;
border-radius: 50%;
background: #37864c;
color: #fff;
font-size: 18px;
font-weight: 700;
text-align: center;
}
#rt_form_libro #responsive-form .rtlr-confirmation-content { flex: 1; min-width: 0; }
#rt_form_libro #responsive-form .rtlr-confirmation-title {
display: block;
color: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
}
#rt_form_libro #responsive-form .rtlr-confirmation-description {
margin: 5px 0 12px;
color: #435747;
font-size: 14px;
line-height: 1.6;
}
#rt_form_libro #responsive-form .rtlr-confirmation-reference {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px 12px;
color: #435747;
font-size: 14px;
}
#rt_form_libro #responsive-form .rtlr-confirmation-reference strong {
font-size: 20px;
line-height: 1.3;
letter-spacing: .02em;
color: #205f31;
}
@media (max-width: 480px) {
#rt_form_libro #responsive-form .rtlr-confirmation { padding: 14px; gap: 10px; }
#rt_form_libro #responsive-form .rtlr-confirmation-title { font-size: 16px; }
}