@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?9421005');
    src: url('../font/fontello.eot?9421005#iefix') format('embedded-opentype'),
            url('../font/fontello.svg?9421005#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('data:application/octet-stream;base64,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') format('woff'),
        url('data:application/octet-stream;base64,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') format('truetype');
}

@font-face {
    font-family: 'Work Sans';
    src: url("/font/WorkSans-Bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: 'Work Sans';
    src: url("/font/WorkSans-ExtraBold.ttf");
    font-weight: 800;
}

@font-face {
    font-family: 'Work Sans';
    src: url("/font/WorkSans-Light.ttf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url("/font/WorkSans-BoldItalic.ttf");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Work Sans';
    src: url("/font/WorkSans-BlackItalic.ttf");
    font-weight: 900;
    font-style: italic;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-align: center;
}

/* Variables */

:root {
    --primary: var(--purple);
    --secondary: var(--rose);
    --light: #F8F8F8;
    --dark: #333333;
    --white: #FFF;
    --black: #000;
    --light-gray: #CCC;
    --dark-gray: #666;
    --purple: #632A77;
    --soft-purple: #962B7C;
    --pink: #EF5378;
    --default-padding: .5rem;
    --default-margin: .5rem;
    --base-font-family: 'Roboto', sans-serif;
}

/* TEXTOS */

.title {
    color: var(--purple);
    font-family: 'Work Sans';
    font-weight: 800;
    font-size: 3rem;
    text-align: center;
}

.content {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 1.15rem;
    text-align: center;
}

.content-em {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: italic;
    font-size: 1rem;
    text-align: center;
}

.content-extra-em {
    font-weight: 900;
    color: var(--soft-purple);
}

.question-title {
    font-family: 'Work Sans';
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
}

.answer-title {
    color: var(--pink);
    font-family: 'Work Sans';
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
}

.icon-check:before { content: '\e800'; }
.icon-right:before { content: '\e801'; }
.icon-left:before { content: '\e802'; }

/* GENERALS */

html {
    min-height: 100vh;
    position: relative;
}

* { box-sizing: border-box; }

body {
    display: flex; 
    flex-direction: column;
    font-family: var(--base-font-family);
    background-color: var(--white);
    color: var(--black);
    margin: 0;
    margin-bottom: 195px;
}

button:focus,
textarea:focus,
input:focus { outline: none; }

img { width: 100%; }

a { text-decoration: none; }

.border-shadow {
    border: 5px solid var(--black);
    -moz-box-shadow: 5px 5px var(--black);
    -webkit-box-shadow: 5px 5px var(--black);
    box-shadow: 5px 5px var(--black);
}

.p5 {
    padding: .5rem;
}

/* ERROR */

.error {
    font-size: 0.8rem;
    font-style: italic;
    color: var(--soft-purple);
    padding: var(--default-padding) 0;
    display: inline-block;
    text-align: center;
    width: 100%;
}

/* GRID SYSTEM */

.row {
    display: flex;
    flex-wrap: wrap;
}
  
.row.main-start { justify-content: flex-start; }
.row.main-center { justify-content: center; }
.row.main-end { justify-content: flex-end; }
.row.main-around { justify-content: space-around; }
.row.main-between { justify-content: space-between; }
.row.cross-start { align-items: flex-start;}
.row.cross-center { align-items: center;}
.row.cross-end { align-items: flex-end;}
.row.column { flex-direction: column;}
.row.nowrap { flex-wrap: nowrap;}

.col { 
    flex-grow: 1;
    flex-basis: 0; /* reseteo el tamaño de base */
    max-width: 90%;
    width: 100%;
}

.col-1 { width: 8.333333333% }
.col-2 { width: 16.666666667% }
.col-3 { width: 25% }
.col-4 { width: 33.333333333% }
.col-5 { width: 41.666666667% }
.col-6 { width: 50% }
.col-7 { width: 58.333333333% }
.col-8 { width: 66.666666667% }
.col-9 { width: 75% }
.col-10 { width: 83.333333333% }
.col-11 { width: 91.666666667% }
.col-12 { width: 100% }

/* BUTTONS */

.controls {
    margin-top: 30px;
    border-top: 2px solid var(--dark-gray);
}

.btn-group { 
    display: flex; 
    margin: 30px 0;   
}

.btn-group .btn {
    border: 0;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1rem;
}

.btn-text {
    background-color: var(--white);
    color: var(--dark-gray);
    text-transform: capitalize;
}

.btn-icon {
    background-color: var(--purple);
    color: var(--white);
    width: 50px;
}

.btn-woocom {
    background-color: var(--pink);
    color: var(--black);
    max-width: 400px;
    width: 100%;
    padding: 20px;
    margin: 10px auto 50px;
    display: inline-block;
    font-size: 1.25rem;
    font-family: 'Work Sans';
    font-weight: 700;
    text-align: center;
}

/* HEADER */

header {
    background-image: url('/images/header.png');
    background-size: cover;
}

header figure {
    width: 280px;
    margin: 30px auto;
}

header figcaption {
    color: var(--white);
    font-family: 'Work Sans';
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 2px;
    margin-top: 1rem;
    text-align: center;
    text-transform: uppercase;
}

/* MAIN */

main {
    margin-top: 25px;
}

/* FOOTER */

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 195px;
}

footer nav { 
    padding: 20px 0;
    background-color: var(--dark);
}

footer nav {
    color: white;
    text-align: center;
}

footer nav a {
    color: white;
    font-size: .65rem;
}

/* HOME */

.home .title {
    margin: 0 0 20px;
}

.home .content {
    margin: 20px 0 0;
}

.square {
    background-color: var(--soft-purple);
}

.square figure {
    margin: 0;
    padding: 30px 20px;
}

/* QUESTION */

.question-wrapper { 
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease;
}

.question-title { margin: 1.5rem 0; }

.question input[type=text],
.question input[type=email] {
    width: 100%;
    padding: .75rem 1rem;
    margin: 1.5rem 0;
    font-size: 1.25rem;
}

.question-photo {
    width: 130px;
}

.question.light-bg {
    background-color: var(--light);
    padding: 25px 10px;
}

.question>span {
    font-family: 'Work Sans';
    font-weight: 700;
    font-size: 1.3rem;
    text-transform: uppercase;
}

/* YES-NO SQUARES */

.square-radio {
    background-color: var(--white);
    color: var(--black);
    font-family: 'Work Sans';
    font-weight: 800;
    font-size: 2.5rem;
    width: 125px;
    height: 125px;
    margin: 1rem;
    overflow:auto;
    float:left;
}

.square-radio:hover,
.square-radio.selected {
    box-shadow: none;
}

.square-radio.selected {
    background-color: var(--pink);
}

.square-radio label {
    text-transform: uppercase;
    text-align:center;
    padding: 34px 0;
    display: block;
}

.square-radio label input { display: none; }

/* SLIDER */

.slider {
    height: 100%;
    overflow-y: auto;
    /* Always force scrolling to a snap point on the x-axis */
    scroll-snap-type: x mandatory;
}

.slide {
    flex-shrink: 0;
    height: 100%;
    scroll-snap-align: start;
}
  
/* TONE & OPTION */

.tone, .option {
    overflow: hidden;
    margin: 5px;
    padding: 0px;
    position: relative;
}

.option figure { margin: 20px; }
.tone figure { margin: 0 5px 5px 0; }
.tone figure img { background-color: var(--black); }  

.tone figure figcaption,
.option figure figcaption {
    width: 100%;
    height: 38px;
    margin: 1rem 0;
    display: flex;
}

.option figure figcaption {
    justify-content: center;
}

.tone figure figcaption span {
    font-weight: 300;
    font-size: 1rem;
}

.option figure figcaption span {
    font-family: 'Work Sans';
    font-weight: 700;
    font-size: 1rem;
}

.answer-btn {
    border: none;
    background: transparent;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.answer-btn:hover + figure>img {
    box-shadow: none;
}

.answer-btn.selected {
    background-image: url('/images/check.png');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    height: 65%;
}

#reflex-tpl { display: none; }

/** TABLET **/
@media (min-width: 576px) {

    /* GRID SYSTEM */

    .col-md-1 { width: 8.333333333% }
    .col-md-2 { width: 16.666666667% }
    .col-md-3 { width: 25% }
    .col-md-4 { width: 33.333333333% }
    .col-md-5 { width: 41.666666667% }
    .col-md-6 { width: 50% }
    .col-md-7 { width: 58.333333333% }
    .col-md-8 { width: 66.666666667% }
    .col-md-9 { width: 75% }
    .col-md-10 { width: 83.333333333% }
    .col-md-11 { width: 91.666666667% }
    .col-md-12 { width: 100% }

    /* HEADER */
    header figure {
        margin: 15px auto;
    }

    /* HOME */
    .square {
        width: 75%;
    }

    .home .content {
        margin: 0;
    }

    /* */
}

/** DESKTOP **/
@media (min-width: 1024px) {

    /* GRID SYSTEM */

    .col-lg-1 { width: 8.333333333% }
    .col-lg-2 { width: 16.666666667% }
    .col-lg-3 { width: 25% }
    .col-lg-4 { width: 33.333333333% }
    .col-lg-5 { width: 41.666666667% }
    .col-lg-6 { width: 50% }
    .col-lg-7 { width: 58.333333333% }
    .col-lg-8 { width: 66.666666667% }
    .col-lg-9 { width: 75% }
    .col-lg-10 { width: 83.333333333% }
    .col-lg-11 { width: 91.666666667% }
    .col-lg-12 { width: 100% }

}