:root{
--rc-gold:#EDBA8B;
--rc-coral:#FF9695;
--rc-blush:#E9D2CA;
--rc-steel:#97B3BE;
--rc-grey:#B2B2B2;
--rc-dark:#4D4D4D;
--rc-bg:#FFF9F5;
--rc-white:#FFFFFF;
--rc-border:#F0E4DB;
--rc-text-main:#4D4D4D;
--rc-text-soft:#7A7272;
--rc-text-muted:#B2B2B2;
--rc-heading:'Josefin Slab','Georgia',serif;
--rc-body:'Raleway','Helvetica Neue',sans-serif;
}
#rc-test-del-mensaje,
#rc-test-del-mensaje *{
box-sizing:border-box;
}
#rc-test-del-mensaje{
font-family:var(--rc-body);
font-weight:500;
max-width:560px;
margin:0 auto;
padding:0 24px;
min-height:100vh;
color:var(--rc-text-main);
background:var(--rc-bg);
}
#rc-test-del-mensaje .rc-screen{
padding-top:52px;
padding-bottom:52px;
}
#rc-test-del-mensaje .rc-center{
text-align:center;
}
#rc-test-del-mensaje .rc-brand{
margin-bottom:36px;
text-align:center;
}
#rc-test-del-mensaje .rc-brand-row{
display:flex;
align-items:center;
justify-content:center;
gap:0;
}
#rc-test-del-mensaje .rc-brand-name{
font-family:var(--rc-heading);
font-size:15px;
font-weight:500;
letter-spacing:0.18em;
text-transform:uppercase;
color:var(--rc-dark);
}
#rc-test-del-mensaje .rc-brand-bar{
display:inline-block;
width:2px;
height:16px;
background:var(--rc-coral);
margin:0 8px;
border-radius:1px;
vertical-align:middle;
}
#rc-test-del-mensaje .rc-brand-sub{
font-size:10px;
letter-spacing:0.22em;
text-transform:uppercase;
color:var(--rc-grey);
margin-top:4px;
font-weight:500;
}
#rc-test-del-mensaje h1,
#rc-test-del-mensaje h2,
#rc-test-del-mensaje h3,
#rc-test-del-mensaje p{
margin-top:0;
}
#rc-test-del-mensaje .rc-title{
font-family:var(--rc-heading);
font-size:clamp(32px, 7vw, 50px);
font-weight:500;
line-height:1.2;
margin:0 0 6px;
color:var(--rc-dark);
text-align:center;
}
#rc-test-del-mensaje .rc-title.italic{
font-style:italic;
color:var(--rc-coral);
margin:0;
}
#rc-test-del-mensaje .rc-divider{
display:flex;
align-items:center;
justify-content:center;
gap:0;
margin:28px 0;
}
#rc-test-del-mensaje .rc-divider-line{
width:36px;
height:1px;
background:var(--rc-border);
}
#rc-test-del-mensaje .rc-divider-bar{
width:2px;
height:20px;
background:var(--rc-coral);
margin:0 10px;
border-radius:1px;
}
#rc-test-del-mensaje .rc-subtitle{
font-size:15px;
line-height:1.8;
color:var(--rc-text-soft);
max-width:400px;
margin:0 auto;
text-align:center;
}
#rc-test-del-mensaje .rc-stats{
display:flex;
justify-content:center;
gap:36px;
margin:34px 0 38px;
}
#rc-test-del-mensaje .rc-stat{
text-align:center;
}
#rc-test-del-mensaje .rc-stat-num{
font-family:var(--rc-heading);
font-size:30px;
font-weight:600;
color:var(--rc-gold);
line-height:1;
}
#rc-test-del-mensaje .rc-stat-label{
font-size:10px;
color:var(--rc-grey);
letter-spacing:0.12em;
text-transform:uppercase;
margin-top:6px;
font-weight:600;
}
#rc-test-del-mensaje .rc-main-btn{
font-family:var(--rc-body);
font-size:13px;
font-weight:600;
letter-spacing:0.12em;
text-transform:uppercase;
padding:15px 38px;
background:var(--rc-coral);
color:var(--rc-white);
border:none;
border-radius:50px;
cursor:pointer;
transition:all 0.3s ease;
box-shadow:0 6px 24px rgba(255,150,149,0.21);
display:inline-block;
text-decoration:none;
}
#rc-test-del-mensaje .rc-main-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(255,150,149,0.27);
}
#rc-test-del-mensaje .rc-small-note{
font-size:11px;
color:var(--rc-text-muted);
margin-top:20px;
letter-spacing:0.04em;
text-align:center;
}
#rc-test-del-mensaje .rc-q-counter{
text-align:center;
margin-bottom:8px;
}
#rc-test-del-mensaje .rc-q-current{
font-family:var(--rc-heading);
font-size:16px;
font-weight:500;
color:var(--rc-coral);
}
#rc-test-del-mensaje .rc-q-sep,
#rc-test-del-mensaje .rc-q-total{
font-size:13px;
color:var(--rc-text-muted);
}
#rc-test-del-mensaje .rc-progress{
display:flex;
gap:6px;
justify-content:center;
margin-bottom:32px;
}
#rc-test-del-mensaje .rc-progress-step{
height:8px;
border-radius:4px;
background:var(--rc-blush);
transition:all 0.4s cubic-bezier(.4,0,.2,1);
}
#rc-test-del-mensaje .rc-progress-step.active{
width:32px;
background:var(--rc-coral);
}
#rc-test-del-mensaje .rc-progress-step.inactive{
width:12px;
}
#rc-test-del-mensaje .rc-question{
font-family:var(--rc-heading);
font-size:clamp(20px, 4.5vw, 28px);
font-weight:500;
line-height:1.4;
margin:0 0 34px;
color:var(--rc-dark);
text-align:center;
}
#rc-test-del-mensaje .rc-options{
display:flex;
flex-direction:column;
gap:10px;
}
#rc-test-del-mensaje .rc-option{
font-family:var(--rc-body);
font-size:14px;
line-height:1.6;
font-weight:500;
padding:16px 22px;
background:var(--rc-white);
border:1.5px solid var(--rc-border);
border-radius:14px;
cursor:pointer;
text-align:left;
color:var(--rc-dark);
transition:all 0.25s ease;
transform:scale(1);
display:flex;
align-items:center;
gap:14px;
box-shadow:none;
width:100%;
}
#rc-test-del-mensaje .rc-option:hover{
background:rgba(255,150,149,0.03);
border-color:var(--rc-gold);
box-shadow:0 2px 12px rgba(255,150,149,0.08);
}
#rc-test-del-mensaje .rc-option.selected{
background:rgba(255,150,149,0.06);
border-color:var(--rc-coral);
color:var(--rc-coral);
font-weight:600;
transform:scale(0.985);
}
#rc-test-del-mensaje .rc-option:disabled{
cursor:default;
}
#rc-test-del-mensaje .rc-option-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border-radius:50%;
background:var(--rc-blush);
color:var(--rc-text-soft);
font-size:11px;
font-weight:700;
flex-shrink:0;
transition:all 0.25s ease;
}
#rc-test-del-mensaje .rc-option.selected .rc-option-badge{
background:var(--rc-coral);
color:var(--rc-white);
}
#rc-test-del-mensaje .rc-result-enter{
opacity:1;
transform:translateY(0);
transition:all 0.7s cubic-bezier(.4,0,.2,1);
}
#rc-test-del-mensaje .rc-badge{
display:inline-block;
font-family:var(--rc-body);
font-size:10px;
font-weight:700;
letter-spacing:0.16em;
text-transform:uppercase;
color:var(--rc-coral);
background:rgba(255,150,149,0.06);
padding:5px 14px;
border-radius:50px;
}
#rc-test-del-mensaje .rc-emoji{
font-size:42px;
margin:14px 0 10px;
text-align:center;
}
#rc-test-del-mensaje .rc-result-label{
font-family:var(--rc-heading);
font-size:clamp(28px, 6vw, 42px);
font-weight:500;
font-style:italic;
margin:0;
line-height:1.2;
text-align:center;
}
#rc-test-del-mensaje .rc-score{
text-align:center;
margin:26px 0 18px;
}
#rc-test-del-mensaje .rc-score-main{
font-family:var(--rc-heading);
font-size:76px;
font-weight:500;
line-height:1;
}
#rc-test-del-mensaje .rc-score-total{
font-family:var(--rc-heading);
font-size:22px;
color:var(--rc-text-muted);
margin-left:4px;
}
#rc-test-del-mensaje .rc-score-bar{
width:100%;
max-width:280px;
height:6px;
background:var(--rc-blush);
border-radius:3px;
margin:0 auto 32px;
overflow:hidden;
}
#rc-test-del-mensaje .rc-score-fill{
height:100%;
border-radius:3px;
transition:width 1.2s cubic-bezier(.4,0,.2,1);
}
#rc-test-del-mensaje .rc-result-headline{
font-family:var(--rc-heading);
font-size:22px;
font-weight:500;
text-align:center;
color:var(--rc-dark);
margin:0 0 12px;
line-height:1.35;
}
#rc-test-del-mensaje .rc-result-description{
font-size:14px;
line-height:1.8;
color:var(--rc-text-soft);
text-align:center;
max-width:440px;
margin:0 auto;
}
#rc-test-del-mensaje .rc-card{
background:var(--rc-white);
border:1px solid var(--rc-border);
border-radius:18px;
padding:26px 24px;
margin-bottom:24px;
}
#rc-test-del-mensaje .rc-card-title{
font-family:var(--rc-heading);
font-size:17px;
font-weight:600;
color:var(--rc-dark);
margin-bottom:18px;
text-align:center;
}
#rc-test-del-mensaje .rc-tip{
display:flex;
gap:12px;
margin-bottom:14px;
align-items:flex-start;
}
#rc-test-del-mensaje .rc-tip:last-child{
margin-bottom:0;
}
#rc-test-del-mensaje .rc-tip-num{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:50%;
background:var(--rc-blush);
color:var(--rc-coral);
font-size:11px;
font-weight:700;
flex-shrink:0;
margin-top:2px;
}
#rc-test-del-mensaje .rc-tip-text{
font-size:13px;
line-height:1.7;
color:var(--rc-dark);
}
#rc-test-del-mensaje .rc-cta-box{
background:linear-gradient(145deg, rgba(233,210,202,0.31), rgba(255,150,149,0.05));
border:1.5px solid var(--rc-blush);
border-radius:18px;
padding:30px 26px;
text-align:center;
margin-bottom:24px;
}
#rc-test-del-mensaje .rc-cta-title{
font-family:var(--rc-heading);
font-size:19px;
font-weight:500;
font-style:italic;
color:var(--rc-dark);
margin:0 0 8px;
line-height:1.4;
}
#rc-test-del-mensaje .rc-cta-sub{
font-size:13px;
color:var(--rc-text-soft);
margin:0 0 24px;
line-height:1.75;
}
#rc-test-del-mensaje .rc-link-btn{
font-family:var(--rc-body);
font-size:12px;
font-weight:600;
color:var(--rc-text-muted);
background:none;
border:none;
cursor:pointer;
text-decoration:underline;
text-underline-offset:4px;
}
#rc-test-del-mensaje .rc-footer{
text-align:center;
padding-top:22px;
border-top:1px solid var(--rc-border);
}
#rc-test-del-mensaje .rc-footer-name{
font-family:var(--rc-heading);
font-size:14px;
font-weight:500;
color:var(--rc-dark);
letter-spacing:0.12em;
}
#rc-test-del-mensaje .rc-footer-sub{
font-size:11px;
color:var(--rc-text-muted);
margin-top:6px;
letter-spacing:0.08em;
text-transform:uppercase;
}
@media (max-width: 767px){
#rc-test-del-mensaje{
padding:0 18px;
}
#rc-test-del-mensaje .rc-screen{
padding-top:34px;
padding-bottom:36px;
}
#rc-test-del-mensaje .rc-stats{
gap:20px;
margin:28px 0 30px;
}
#rc-test-del-mensaje .rc-main-btn{
width:100%;
max-width:320px;
}
#rc-test-del-mensaje .rc-option{
padding:15px 16px;
gap:12px;
}
#rc-test-del-mensaje .rc-card,
#rc-test-del-mensaje .rc-cta-box{
padding:22px 18px;
}
#rc-test-del-mensaje .rc-score-main{
font-size:60px;
}
}
(Visited 1 times, 1 visits today)