@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html {
    font-size: 62.5%;
    min-width: 355px;
}
body {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    line-height: 2rem;
    background: #f9f9f9;
    max-width: 1920px;
    margin: 0 auto;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.page-wrapper {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
}
.container {
    width: 100%;
    max-width: 1232px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
.bt {
    color: #ffffff;
    display: inline-block;
    background: #47408a;
    font-size: 1.4rem;
    line-height: 4rem;
    padding: 0 2rem;
    border-radius: 0.6rem;
    text-align: center;
    text-decoration: none;
    border: none;
    box-sizing: border-box;
}
.bt:hover {
    box-shadow: 0.3rem 0.3rem 0.8rem rgba(100,100,100,0.3);
}
.bt.red {
    background: #d60c32;
}
header {
    height: 6.7rem;
    border-bottom: solid .1rem #f1f1f1;
    background: #ffffff;
}
header .topbar {
    display: none;
}
button.arrow {
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    right: 3.2rem;
    top: 1.7rem;
    height: 3rem;
    width: 2.5rem;
}
button.arrow i {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border: solid 0.2rem #d60b31;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}
.brand {
    display: block;
    width: 12rem;
    height: auto;
    padding-left: 1.6rem;
    padding-top: 2rem;
}
.brand img {
    width: 100%;
}
nav {
    display: none;
}
nav li a {
    display: block;
    font-size: 1.45rem;
    font-weight: 400;
    letter-spacing: 0.02rem;
    color: #45515d;
    text-decoration: none;
    position: relative;
}
nav li:hover > a:not(.bt) {
    color: #242c34;
}
nav li:hover .submenu li:hover a {
    color: #242c34;
}
nav li .bt {
    color: #ffffff;
    min-width: 15.5rem;
    border-radius: 2rem;
    letter-spacing: 0.05rem;
}
section {
    box-sizing: border-box;
}
section#featured {
    position: relative;
    min-height: 58.7rem;
    background: url('../images/slides/slide-intro-m.jpg') no-repeat 70% 0;
}
section#featured h2 {
    font-size: 2.8rem;
    line-height: 3.5rem;
    font-weight: 500;
    color: #45515d;
    max-width: 33rem;
    padding-top: 6rem;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.07rem;
}
section#featured p {
    position: absolute;
    bottom: 2.5rem;
    left: 0;
    right: 0;
    padding: 0 1rem 1rem;
}
section#featured .buttons {
    display: none;
}
section .title {
    display: none;
}
section .subtitle {
    color: #45515d;
    text-align: center;
    font-size: 2.0rem;
    line-height: 2.8rem;
    font-weight: 500;
    padding: 0 2rem;
    margin-bottom: 3.5rem;
}
section .subtitle span {
    color: #d60c32;
}
section .wrap {
    display: none;
}
section#seguros {
    padding-top: 5.6rem;
}
section#seguros .container {
    max-width: 1264px;
}
section#seguros .cats {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
}
section#seguros .cats li {
    font-size: 1rem;
    margin: 0 auto 2.2rem;
    display: block;
    overflow: hidden;
    border-radius: 0.8rem;
    width: 94.8136%;
    max-width: 40rem;
    min-height: 17rem;
    text-align: center;
    position: relative;
}
section#seguros .cats .agro {
    background: url('../images/productos/agro.jpg') no-repeat right top;
}
section#seguros .cats .automotores {
    background: url('../images/productos/automotores.jpg') no-repeat center center;
}
section#seguros .cats .hogar {
    background: url('../images/productos/hogar.jpg') no-repeat left center;
}
section#seguros .cats .vida {
    background: url('../images/productos/vida.jpg') no-repeat left center;
}
section#seguros .cats .art {
    background: url('../images/productos/art.jpg') no-repeat right center;
}
section#seguros .cats .otras {
    background: url('../images/productos/otras-coberturas.jpg') no-repeat right bottom;
}
section#seguros .cats li a {
    display: block;
    color: #ffffff;
    font-size: 2.4rem;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    transition: all 0.2s;
}
section#seguros .cats li a:last-child {
    visibility: hidden;
    opacity: 0;
    font-size: 1.2rem;
    background: rgba(214,12,50,0.6);
    z-index: 9;
    top: 0; right: 0; bottom: 0; left: 0;
    transform: none;
}
section#seguros .cats li:hover a:last-child {
    visibility: visible;
    opacity: 1;
}
section#seguros .cats li a:last-child > span {
    display: block;
    position: absolute;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    text-align: center;
    left: 0;
    right: 0;
    top: 40rem;
    transition: all 0.6s;
}
section#seguros .cats li a:last-child i {
    position: absolute;
    width: 3.5rem;
    height: 1rem;
    left: 50%;
    bottom: -50rem;
    transform: translateX(-50%);
    transition: all 0.7s;
}
section#empresa {
    padding-top: 4rem;
    display: flex;
    flex-direction: column;
}
section#empresa.landing {
    padding-top: 0;
}
section#empresa #red-de-productores {
    position: relative;
    height: 56rem;
    background: #d8e0e2 url('../images/slides/slide-sumate-m.jpg') no-repeat 16% 22rem;
}
section#empresa #red-de-productores .info-box {
    padding-top: 5.5rem;
}
section#empresa #red-de-productores .info-box h2 {
    font-size: 3rem;
    font-weight: 500;
    line-height: 5rem;
    color: #d60c32;
    margin-bottom: 0.3rem;
    max-width: 30rem;
    padding-left: 1.8rem;
}
section#empresa #red-de-productores .info-box p {
    font-size: 2rem;
    line-height: 3.2rem;
    color: #6d7981;
    margin-bottom: 3.2rem;
    padding-left: 1.8rem;
}
section#empresa #red-de-productores .info-box .bt {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 5rem;
    border-radius: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4.8rem;
    text-align: left;
}
section#empresa #red-de-productores .info-box .bt i {
    display: block;
    float: right;
    margin-top: 0.3rem;
    height: 4.5rem;
}
section#empresa #red-de-productores .info-box .bt i svg {
    width: 3.6rem;
    margin-left: 2rem;
}
section#empresa #red-de-productores .info-box > i {
    position: absolute;
    left: 3.6rem;
    top: 24.5rem;
}
section#empresa #nuestra-empresa {
    margin-bottom: 3rem;
}
section#empresa .nuestra-empresa-content {
    display: flex;
    margin-bottom: 9rem;
}
section#empresa .nuestra-empresa-content .texto {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #45515d;
    box-sizing: border-box;
}
section#empresa .nuestra-empresa-content .anios {
    position: relative;
    width: 26.5rem;
}
section#empresa .nuestra-empresa-content .anios svg {
    width: 100%;
    margin-top: -10.8rem;
}
section#empresa .nuestra-empresa-content .anios span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem;
    color: #afb4b9;
    margin-top: -6rem;
    letter-spacing: 0.15rem;
}
section#empresa .titulo-productores {
    text-align: center;
    font-size: 1.8rem;
    line-height: 3.5rem;
    font-weight: 500;
    color: #45515d;
    margin-bottom: 4.4rem;
}
section#empresa .productores {
    font-size: 0;
    text-align: center;
}
section#empresa .productores li,
.landing #producto .respaldo li {
    display: block;
    padding: 2rem 2.8rem 1rem;
    background: #ffffff;
    margin: 0 auto;
}
section#empresa .productores li.break {
    padding: 0;
    font-size: 0;
    margin: 0;
    display: block;
}
section#atencion-personalizada {
    background: rgb(252,1,68);
    background: linear-gradient(180deg, rgba(252,1,68,1) 0%, rgba(224,9,55,1) 100%);
}
section#atencion-personalizada .container {
    height: 49.8rem;
    background: url('../images/fondo-whatsapp.png') no-repeat -12rem 0;
}
section#atencion-personalizada h2 {
    text-align: center;
    font-size: 3.6rem;
    line-height: 4.6rem;
    color: #ffffff;
    padding-top: 10.7rem;
    letter-spacing: 0.018rem;
    margin-bottom: 5.6rem;
}
section#atencion-personalizada h2 span {
    display: none;
}
section#atencion-personalizada .equipo {

}
section#atencion-personalizada .equipo > * {
    display: inline-block;
    vertical-align: middle;
}
section#atencion-personalizada .equipo ul li {
    display: inline-block;
    width: 6.4rem;
}
section#atencion-personalizada .equipo ul li + li {
    margin-left: -2.3rem;
}
section#atencion-personalizada .equipo ul img {
    border-radius: 50%;
    width: 100%;
}
section#atencion-personalizada .equipo p {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #ffffff;
    margin-top: 0.5rem;
    letter-spacing: 0.01rem;
}
section#atencion-personalizada .consulta .bt {
    background: #ffffff;
    color: #45515d;
    width: 27.5rem;
    line-height: 5rem;
    border-radius: 2.4rem;
    text-transform: uppercase;
    font-weight: 500;
}
section#ubicacion {
    height: 27.4rem;
}
section#ubicacion iframe {
    width: 100%;
    height: 27.4rem;
}
section#contacto {
    position: relative;
}
section#contacto .container {
    padding-top: 13.6rem;
}
section#contacto .info {
    text-align: center;
    line-height: 1.8rem;
}
section#contacto .info h2 {
    font-size: 1.6rem;
    margin-bottom: 1.3rem;
}
section#contacto .info .subtitle {
    margin-bottom: 5.5rem;
}
section#contacto .info .datos {
    margin-bottom: 11.4rem;
}
section#contacto .info .datos h4 {
    color: #45515d;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.24rem;
    margin-bottom: 1.8rem;
}
section#contacto .info .datos p {
    color: #45515d;
    font-weight: 600;
    font-size: 2.6rem;
    letter-spacing: -0.01rem;
    margin-bottom: 4rem;
}
section#contacto .info .datos p + h4 {
    letter-spacing: 0.14rem;
    margin-bottom: 1.2rem;
}
section#contacto .info .datos p + h4 + p {
    font-weight: 400;
    font-size: 1.65rem;
    letter-spacing: -0.02rem;
    text-indent: -0.3rem;
    margin-bottom: 0;
}
section#contacto .social {
    position: absolute;
    bottom: 5.2rem;
    text-align: center;
    left: 0;
    right: 0;
}
section#contacto .social li {
    display: inline-block;
}
section#contacto .social li + li {
    margin-left: 4.5rem;
}
section#contacto .social li a {
    display: block;
    width: 18px;
}
section#contacto .social li a svg {
    width: 100%;
    height: auto;
}
section#contacto .social li a svg path {
    fill: #d60b31;
}
section#contacto form {
    padding: 0 1.8rem;
    margin-bottom: 20.5rem;
}
.form input[type="text"],
.form input[type="email"],
.form textarea {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    background: #f1f1f4;
    border: none;
    border-radius: 6px;
    padding: 0 1.8rem;
    line-height: 5.5rem;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1.8rem;
}
section#contacto .form textarea {
    padding: 1.8rem;
    line-height: 2rem;
    min-height: 16rem;
    min-width: 100%;
    max-width: 100%;
}
.form .field .error {
    background: #d60c3221;
}
.form .status {
    margin-top: 0;
    text-align: center;
    padding-bottom: 24px;
    color: #d60c32;
}
.landing .form .status {
    color: #ffffff;
}
section#contacto .form .bt {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 5.5rem;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.1rem;
}
footer {
    position: relative;
    height: 18rem;
    border-top: solid 1px #e8e8ef;
}
footer .ssn,
footer .firma {
    position: absolute;
}
footer > * img {
    width: 100%;
}
footer .copy {
    font-size: 1.3rem;
    text-align: center;
    padding: 3.8rem 9rem 0;
    color: #45515d;
}
footer .copy strong {
    font-weight: 600;
}
footer .ssn {
    width: 16.5rem;
    left: 3.5rem;
    top: 11.2rem;
}
footer .firma {
    width: 7rem;
    right: 3.7rem;
    top: 11.6rem;
}
.landing section#empresa {
    padding-top: 0;
}
.landing section#empresa #red-de-productores {
    background-position-y: 0;
    height: 68.4rem;
}
.landing section#empresa #red-de-productores .container {
    background: rgba(0, 0, 0, 0.5);
    padding-bottom: 8.2rem;
}
.landing.sumate section#empresa #red-de-productores .container {
    background: none;
    padding: 0;
}
.landing.agro section#empresa #red-de-productores {
    background: url('../images/landings/agro.jpg') no-repeat center center;
}
.landing.automotores section#empresa #red-de-productores {
    background: url('../images/landings/automotores.jpg') no-repeat center -9rem;
}
.landing.hogar section#empresa #red-de-productores {
    background: url('../images/landings/hogar.jpg') no-repeat center -9rem;
}
.landing.art section#empresa #red-de-productores {
    background: url('../images/landings/art.jpg') no-repeat center -9rem;
}
.landing.vida section#empresa #red-de-productores {
    background: url('../images/landings/vida.jpg') no-repeat center -9rem;
}
.landing.otros section#empresa #red-de-productores {
    background: url('../images/landings/otros.jpg') no-repeat center -9rem;
}
.landing #red-de-productores .form {
    font-size: 0;
    padding-top: 5.5rem;
}
.landing.sumate #red-de-productores .form {
    padding-top: 8.5rem;
    width: 40rem;
    margin: 0 auto;
}
.landing #red-de-productores .form h2 {
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    max-width: 40rem;
    margin: 0 auto 6rem;
}
.landing.sumate #red-de-productores .form h2 {
    text-align: center;
    color: #D60C32;
    margin-bottom: 1.3rem;
}
.landing.sumate #red-de-productores .form h3 {
    font-size: 2rem;
    font-weight: 500;
    color: #45515D;
    margin-bottom: 3rem;
    text-align: center;
}
.landing.sumate #red-de-productores .form strong {
    color: #D60C32;
}
.landing #red-de-productores .form h2 span {
    display: block;
    font-size: 0;
}
.landing .form .form-row {
    text-align: center;
    margin-bottom: 1rem;
}
.landing #red-de-productores .field {
    display: inline-block;
    margin: 0;
    width: 100%;
    max-width: 38rem;
}
.landing.sumate #red-de-productores .field {
    width: 100%;
    max-width: none;
}
.landing.sumate #red-de-productores .field > * {
    margin-bottom: 0;
}
.landing.sumate #red-de-productores .form-row:last-child {
    padding-top: 0.6rem;
}
.landing.sumate #red-de-productores .form-row .bt {
    margin: 0 auto;
    display: block;
}
.landing #red-de-productores .bt {
    min-width: 38rem;
    max-width: 38rem;
    font-size: 1.4rem;
    line-height: 5.5rem;
    font-weight: 600;
}
.landing #producto {
    padding-top: 5rem;
}
.landing.sumate #producto {
    padding-bottom: 8rem;
}
.landing #producto h2 {
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: 500;
    color: #D60C32;
    text-align: center;
    margin-bottom: 5rem;
}
.landing #producto p {
    font-size: 1.6rem;
    line-height: 3rem;
    color: #45515D;
    text-align: center;
    max-width: 80rem;
    margin: 0 auto;
}
.landing #producto h3 {
    font-size: 2rem;
    line-height: 3.5rem;
    color: #45515D;
    text-align: center;
    max-width: 60rem;
    margin: 5.4rem auto 5rem;
}
.landing #producto .info {
    color: #45515D;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-top: 2rem;
    margin: 0 1rem 2rem;
}
.landing #producto .info li:before {
    content: "";
    display: inline-block;
    margin-right: 0.6rem;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background: #D60C32;
}
.landing #producto .respaldo {
    text-align: center;
    margin-bottom: 10rem;
}
.landing #producto .respaldo li {
    display: inline-block;
}
@media (max-width: 959px) {
    nav {
        position: absolute;
        top: 6.5rem;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        z-index: 1000;
        background: #d73d307d;
        box-sizing: border-box;
    }
    nav > ul {
        background: #ffffff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 3rem;
    }
    nav ul li {
        margin-bottom: 1.2rem;
    }
    nav ul li a {
        line-height: 2.6rem;
        padding: 0 40px 0 2px;
        color: #333131;
    }
    nav ul li a:before {
        right: 28px;
        top: 19px;
    }
    nav ul ul {
        padding-left: 1rem;
        padding-top: 0.7rem;
    }
    nav ul ul li a {
        color: #d60b31;
    }
    nav ul li .bt {
        margin-top: 2rem;
    }
    section#featured p span {
        display: block;
        max-width: 23rem;
        margin: 0 auto;
        text-align: center;
        font-size: 1.4rem;
        line-height: 2.4rem;
        color: #ffffff;
        letter-spacing: 0.05rem;
    }
    section#empresa #nuestra-empresa {
        padding-top: 14rem;
    }
    section#empresa .nuestra-empresa-content {
        flex-direction: column;
    }
    section#empresa .nuestra-empresa-content .anios {
        margin: 0 auto 5rem;
    }
    section#empresa .nuestra-empresa-content .anios svg {
        margin-top: -5.8rem;
    }
    section#empresa .nuestra-empresa-content .left {
        order: 1;
        text-align: center;
        padding: 0 1rem;
        margin-bottom: 2.7rem;
    }
    section#empresa .nuestra-empresa-content .right {
        order: 2;
        text-align: center;
        padding: 0 1rem;
    }
    section#empresa .nuestro-respaldo-content {
        padding: 7rem 2rem 0;
        background: #ffffff;
        margin: 0 -2rem;
    }
    section#empresa .titulo-productores span {
        color: #d60b31;
    }
    section#atencion-personalizada .equipo {
        text-align: center;
        margin-bottom: 4.5rem;
    }
    section#atencion-personalizada .consulta {
        text-align: center;
    }
    .landing.sumate section#empresa #red-de-productores {
        background: #d8e0e2;
        height: 60rem;
    }
}
@media (min-width: 700px) {
    section#featured {
        background-position-x: right;
    }
    section#seguros .cats li {
        width: 47.4068%;
        margin: 0 1.2966% 2.8rem;
    }
}
@media (min-width: 960px) {
    header {
        height: 143px;
    }
    header .topbar {
        display: block;
        height: 5.5rem;
        border-bottom: solid .1rem #dad9e8;
    }
    header .topbar span {
        float: left;
        color: #55606b;
        font-weight: 300;
        padding-top: 2rem;
        padding-left: 0.9rem;
    }
    header .topbar span + span {
        float: right;
        font-weight: 400;
    }
    header .topbar span a {
        color: #55606b;
        text-decoration: none;
        transition: all 0.2s;
    }
    header .topbar span a:hover {
        letter-spacing: 0.1rem;
    }
    header .topbar span strong {
        font-weight: 600;
    }
    button.arrow {
        display: none;
    }
    .brand {
        display: block;
        float: left;
        width: 14rem;
        padding-left: 0.7rem;
        padding-top: 2.6rem;
    }
    nav {
        display: block;
        float: right;
        padding-top: 2.7rem;
    }
    nav li {
        display: inline-block;
        vertical-align: middle;
    }
    nav li + li {
        margin-left: 5.2rem;
    }
    nav li.dropdown {
        position: relative;
    }
    nav li.dropdown > a:after {
        content: "";
        display: inline-block;
        width: 0.5rem;
        height: 0.5rem;
        border: solid 0.14rem #d60b31;
        border-top-color: transparent;
        border-left-color: transparent;
        transform: rotate(45deg);
        margin-left: 1.2rem;
        margin-right: -0.3rem;
        vertical-align: middle;
        margin-top: -0.6rem;
    }
    nav li.dropdown .submenu {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        z-index: 10;
        top: 1.8rem;
        left: -0.8rem;
        min-width: 15rem;
        padding-top: 2rem;
        transition: all 0.2s;
    }
    nav li.dropdown .submenu ul {
        width: 100%;
        background: #ffffff;
        padding: 2rem;
        border-radius: 1rem;
        box-shadow: 0 0 1.2rem rgba(100,100,100,0.3);
    }
    nav li.dropdown:hover .submenu {
        visibility: visible;
        opacity: 1;
    }
    nav li.dropdown .submenu li {
        display: block;
        margin: 0.5rem 0;
    }
    nav li.dropdown .submenu li a:before {
        content: "";
        display: inline-block;
        height: 0.5rem;
        border-top: solid 0.15rem #d60c32;
        transition: all 0.2s;
        visibility: hidden;
        width: 0;
    }
    nav li.dropdown .submenu li:hover a:before {
        visibility: visible;
        width: 1rem;
        margin-right: 1rem;
    }
    nav li.dropdown .submenu li + li {
        margin-left: 0;
    }
    section#featured {
        min-height: 68.5rem;
        border-bottom: solid .1rem #bdbcd5;
        background: url('../images/slides/slide-intro.jpg') no-repeat right -85px;
    }
    section#featured .container {
        position: relative;
        min-height: 685px;
    }
    section#featured h2,
    section#featured p,
    section#featured .buttons {
        position: absolute;
    }
    section#featured h2 {
        font-size: 6rem;
        line-height: 7rem;
        font-weight: 500;
        color: #d60c32;
        max-width: 62rem;
        left: 2.6rem;
        top: 19.6rem;
        padding-top: 0;
        margin: 0;
        text-align: left;
        letter-spacing: normal;
    }
    section#featured p {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 500;
        color: #78818a;
        left: 2.8rem;
        top: 34.8rem;
        padding: 0;
    }
    section#featured .buttons {
        display: block;
        font-size: 0;
        line-height: 3rem;
        left: 2.8rem;
        top: 41.4rem;
    }
    section#featured .buttons .bt {
        font-size: 1.4rem;
        line-height: 5rem;
        min-width: 17.2rem;
        letter-spacing: 0.017rem;
        font-weight: 600;
    }
    section#featured .buttons .bt + .bt {
        color: #d60c32;
        background: #ffffff;
        margin-left: 1rem;
    }
    section .title {
        display: block;
        color: #9ea4aa;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: 0.18rem;
        text-transform: uppercase;
        margin-bottom: 0.6rem;
    }
    section .subtitle {
        font-size: 3.6rem;
        line-height: 5rem;
        padding: 0;
        margin: 0 auto 6.2rem;
    }
    section .wrap {
        display: block;
        font-size: 0;
        opacity: 0;
        line-height: 0;
    }
    section#seguros {
        padding-top: 11rem;
    }
    section#seguros .cats li a {
        font-size: 3rem;
    }
    section#seguros .cats li:hover a:first-child {
        top: 8rem;
    }
    section#seguros .cats li:hover a:last-child > span {
        top: 12rem;
    }
    section#seguros .cats li:hover a:last-child i {
        bottom: 5.3rem;
    }
    section#seguros .cats li {
        max-width: 58rem;
        min-height: 28.2rem;
    }
    section#seguros .cats .agro {
        width: 22.2042%;
    }
    section#seguros .cats .automotores {
        width: 47.0016%;
    }
    section#seguros .cats .hogar {
        width: 22.2042%;
    }
    section#seguros .cats .vida {
        width: 30.47%;
    }
    section#seguros .cats .art {
        width: 30.47%;
    }
    section#seguros .cats .otras {
        width: 30.47%;
    }
    section#empresa {
        padding-top: 22.3rem;
    }
    section#empresa #red-de-productores {
        order: 1;
        height: 599px;
        background: url('../images/slides/slide-sumate.jpg') no-repeat center -9rem;
    }
    section#empresa #red-de-productores .info-box {
        position: absolute;
        padding-top: 12rem;
        right: 17.2rem;
        top: 11rem;
        max-width: 39rem;
        background-position: left 0;
    }
    section#empresa #red-de-productores .info-box h2 {
        font-size: 3.7rem;
        letter-spacing: -0.06rem;
        margin-bottom: 1.5rem;
        max-width: none;
        padding-left: 0;
    }
    section#empresa #red-de-productores .info-box p {
        line-height: 3rem;
        margin-bottom: 3.2rem;
        padding-left: 0;
    }
    section#empresa #red-de-productores .info-box .bt {
        width: 23.4rem;
        border-radius: 0.6rem;
        position: static;
        text-align: center;
    }
    section#empresa #red-de-productores .info-box .bt i {
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin-top: 0;
    }
    section#empresa #red-de-productores .info-box > i {
        left: 0.3rem;
        top: -0.2rem;
    }
    section#empresa #nuestra-empresa {
        margin-bottom: 16rem;
    }
    section#empresa .nuestra-empresa-content {
        justify-content: space-between;
        margin-bottom: 11rem;
    }
    section#empresa .nuestra-empresa-content .anios {
        min-width: 36.5rem;
    }
    section#empresa .nuestra-empresa-content .anios span {
        font-size: 1.8rem;
        margin-top: -8rem;
        letter-spacing: 0.19rem;
    }
    section#empresa .nuestra-empresa-content .texto {
        font-size: 2rem;
        line-height: 3.5rem;
        max-width: 41rem;
        padding: 1rem 3.8rem 0 0;
    }
    section#empresa .nuestra-empresa-content .texto.left {
        text-align: right;
    }
    section#empresa .nuestra-empresa-content .texto.right {
        text-align: left;
        padding: 1rem 0 2rem 3.8rem;
    }
    section#empresa .titulo-productores {
        font-size: 2rem;
    }
    section#empresa .productores li,
    .landing #producto .respaldo li {
        display: inline-block;
        margin: 0 1.6rem 2.5rem;
        box-shadow: 0 0 1.6rem rgba(100,100,100, 0.1);
    }
    section#atencion-personalizada {
        min-height: 30rem;
    }
    section#atencion-personalizada .container {
        height: 30rem;
        background-position: left 0;
    }
    section#atencion-personalizada h2 {
        line-height: 4rem;
        text-indent: -6rem;
        padding-top: 8.7rem;
        margin-bottom: 3rem;
    }
    section#atencion-personalizada h2 span {
        display: block;
    }
    section#atencion-personalizada .equipo {
        float: left;
        margin-left: 11rem;
    }
    section#atencion-personalizada .equipo p {
        margin-left: 1.5rem;
        margin-top: -0.4rem;
    }
    section#atencion-personalizada .consulta {
        float: right;
        margin-right: 9.5rem;
        padding-top: 0.5rem;
    }
    section#ubicacion {
        height: 65.9rem;
        border-bottom: solid .1rem #c3c1d8;
    }
    section#ubicacion iframe {
        height: 65.8rem;
    }
    section#contacto .container {
        display: flex;
        justify-content: space-between;
        padding-top: 18.6rem;
        padding-bottom: 5rem;
    }
    section#contacto .info {
        text-align: left;
        margin-left: 0.8rem;
        max-width: 40rem;
    }
    section#contacto .info .subtitle {
        margin-bottom: 4rem;
        text-align: left;
    }
    section#contacto .info .datos {
        padding-left: 3rem;
        border-left: solid 4px #d60c32;
        margin-bottom: 1.8rem;
    }
    section#contacto .info .social {
        position: static;
        padding: 22px 0 23px;
        text-align: left;
        margin-left: 3.2rem;
    }
    section#contacto form {
        margin: 0 0 11rem 0;
        max-width: 57.3rem;
        padding: 3.8rem 0 0;
    }
    section#contacto form .form-row:first-child {
        display: flex;
        justify-content: space-between;
    }
    section#contacto form .form-row:first-child .field {
        width: 48.5%;
    }
    section#contacto form .bt {
        width: 27rem;
    }
    section#contacto form .form-row:last-child {
        display: flex;
        align-items: center;
    }
    section#contacto form .status {
        padding-bottom: 0;
        order: 2;
        margin-left: 2rem;
        width: 100%;
    }
    footer {
        display: flex;
        justify-content: space-between;
        height: 12rem;
    }
    footer > * {
        box-sizing: border-box;
    }
    footer .ssn {
        position: static;
        width: 24.6rem;
        padding: 4.4rem 0 0 8.5rem;
    }
    footer .firma {
        position: static;
        width: 24.6rem;
        padding: 4.8rem 6.9rem 0 10rem;
    }
    footer .copy {
        padding: 4.8rem 0 0 0;
    }
    .landing section#empresa #red-de-productores .container {
        background: none;
        padding-bottom: 0;
    }
    .landing.sumate section#empresa #red-de-productores {
        background-position-y: bottom;
        height: 78rem;
    }
    .landing #red-de-productores .form {
        padding-top: 16.5rem;
    }
    .landing.sumate #red-de-productores .form {
        float: right;
        margin: 0 10rem 0 0;
        padding-top: 19.5rem;
        width: 48rem;
    }
    .landing #red-de-productores .form h2 {
        font-size: 6rem;
        line-height: 6.8rem;
        max-width: none;
        margin-bottom: 8rem;
    }
    .landing.sumate #red-de-productores .form h2,
    .landing.sumate #red-de-productores .form h3 {
        text-align: left;
    }
    .landing #red-de-productores .field {
        max-width: 26.8rem;
        width: 23%;
        margin: 0 1%;
    }
    .landing #producto {
        background: url("../images/logo-bg.png") no-repeat left top;
    }
    .landing.sumate #producto {
        padding-top: 13rem;
        padding-bottom: 17rem;
    }
    .landing.sumate #producto .container {
        overflow: hidden;
    }
    .landing #producto h2 {
        font-size: 3.6rem;
        line-height: 5.2rem;
        margin-bottom: 3rem;
    }
    .landing #producto h2 > span {
        display: block;
        font-size: 0;
    }
    .landing.sumate #producto h2 {
        float: left;
        text-align: left;
        margin-left: 4rem;
    }
    .landing.sumate #producto h3,
    .landing.sumate #producto p {
        float: right;
        clear: right;
        text-align: left;
        width: 38rem;
        margin-right: 4rem;
    }
    .landing.sumate #producto h3 {
        font-weight: 500;
        margin-top: 0.5rem;
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 1190px) {
    section#empresa .productores li.break {
        display: none;
    }
    .landing.sumate #producto h2 {
        margin-left: 0;
    }
    .landing.sumate #producto h3 {
        max-width: 59rem;
        margin-right: 0;
        width: auto;
    }
    .landing.sumate #producto p {
        width: 50rem;
        margin-right: 9rem;
    }
}
h1.gracias {
    text-align: center;
    color: #d60c33;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
    padding-top: 9rem;
    margin-bottom: 4rem;
}
p.gracias {
    text-align: center;
    color: #55606b;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 500;
    padding-bottom: 15rem;
}