/******************************Generales****************************************/
@font-face {
    font-family: 'DINPro-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/DINPro-Bold_13934.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica-Neue-Light';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueLight.ttf') format('truetype');
}
@font-face {
    font-family: 'Helvetica-Neue-Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/helvetica-neue-lt-std-75-bold-590b9e7229917.otf') format('opentype');
}
@font-face {
    font-family: 'Helvetica-Neue-Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Helvetica/HelveticaNeueRegular.ttf') format('truetype');
}
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body{
    background-color:#ffffff;
}
.row, .segmento{
    width:100%;
    margin:0;
}
img{
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
    max-width:100%;
    height:auto;
}
p, h1, h2, h3, h4, h5, h6{
    margin:0;
}
.titleSections{
    font-size: calc(29px + (50 - 29) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color:#ffffff;
}
.subtitleSections{
    font-size: calc(18px + (22 - 18) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    color: #ffffff;
    padding: 30px 0px;
}
.paragraphSections{
    font-size: calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    line-height: normal;
    color: #ffffff;
}
.linkSections{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Regular';
    padding-top: 20px;
}
.linkSections a{
    color:#09A6E0;
}
.imgResponsive{
    display:none !important;
}
.fromLeft{
    transform:translateX(-100%);
    opacity:0;
    transition:all 1s ease-in-out;
}
.fromRight{
    transform:translateX(100%);
    opacity:0;
    transition:all 1s ease-in-out;
}
.toRight, .toLeft{
    transform:translateX(0);
    opacity:1;
}
/******************************Contenedor****************************************/
main.container-grid{
    display:grid;
    grid-template-areas: "seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1"
        "seccion2  seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2"
        "seccion3  seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3"
        "seccion4  seccion4  seccion4 seccion4 seccion4 seccion4 seccion4 seccion4 seccion4 seccion4"
        "seccion5  seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5"
        "seccion6  seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6"
        "seccion7  seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7"
        "seccion8  seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8"
        "seccion9  seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9"
        "seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12"
        "seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14"
        "seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew"
        "seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15"
        "seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16"
        "seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17";
    grid-template-columns:repeat(10, 1fr);
}
/******************************Seccion 1****************************************/
.section1{
    grid-area:seccion1;
    background-image:url('https://assets.claro360.com/Gobierno/saludFederal/section1.png');
    background-color: #ffffff;
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    width:100%;
    min-height: 100vh;
    margin-top:60px;
    font-family: 'Helvetica-Neue-Bold';
    color:#ffffff;
}
.section1 .containerText {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    padding-left: 7.5%;
    max-width: 1200px;
    width: 57%;
}
.section1 h6 {
    font-size: calc(28px + (60 - 28) * (100vw - 320px) / (1920 - 320));
    padding: 29px 53% 29px 0;
}
.section1 p{
    font-size: calc(20px + (24 - 20) * (100vw - 320px) / (1920 - 320));
    padding-right: 50px;
}
.section1 button {
    font-family: arial;
    font-weight: bold;
    background-color: #9f2240;
    border-radius: 40px;
    color: #ffffff;
    margin-top: 66px;
    min-width: 297px;
    outline: none;
    border: 0px;
}
.section1 button:focus{
    box-shadow:0px 0px 10px black;
}
.section1 button p {
    font-size: calc(23px + (35 - 23) * (100vw - 320px) / (1920 - 320));
    display: block;
    padding: 10px 0;
}
.section1 img{
    width: 45.5%;
}
/******************************Seccion 2****************************************/
.section2 {
    grid-area: seccion2;
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
    text-align: center;
    padding: 110px 0 10%;
}
.section2 .containerText {
    width: 75.5%;
    max-width: 1470px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin: auto;
}
.section2 h6 {
    font-size: calc(28px + (50 - 28) * (100vw - 320px) / (1920 - 320));
    padding: 0px 30% 50px;
}
.section2 p {
    font-family: 'Helvetica-Neue-Regular';
    font-size: calc(14px + (24 - 14) * (100vw - 320px) / (1920 - 320));
    padding: 0px 0px 0px;
    line-height: normal;
    color: #5C5C5C;
}
/******************************Seccion 3****************************************/
.section3 {
    grid-area: seccion3;
    font-family: 'Helvetica-Neue-Bold';
    color: #5C5C5C;
    text-align: center;
    padding-bottom: 211px;
}
.section3 .containerText {
    width: 88%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    margin: auto;
}
.section3 .title {
    font-size: calc(24px + (50 - 24) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    padding: 0px 0px 107px;
}
.section3 .containerServices {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: center;
    flex-direction: row;
}
.section3 .serviceIcons{
    width:25%;
}
.section3 .serviceIcons h6{
    padding:30px 0px;
    font-size: calc(18px + (24 - 18) * (100vw - 320px) / (1920 - 320));
    width: 100%;
    margin: auto;
}
.section3 .serviceIcons pre {
    font-size: calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
    line-height: normal;
    margin:0;
    white-space: pre-line;
    font-family: 'Helvetica-Neue-Regular';
    color:#5C5C5C;
}
/******************************Seccion 4****************************************/
.section4{
    grid-area:seccion4;
    position:relative;
    overflow:hidden;
    height:auto;
}
.section4 h6 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(34px + (80 - 34) * (100vw - 320px) / (1920 - 320));
    color: #F77782;
    padding: 0 13% 5%;
    text-align: left;
}
.section4 h6:nth-child(1){
    color:#A7C8D5;
    padding-bottom:0;
}
.section4 h6:nth-child(2){
    color:#666666;
}
.section4 img {
    position: relative;
    z-index: 1;
    width: 80%;
    min-height: 100vh;
    object-fit: cover;
    margin: auto;
    display: block;
    transition: 0.8s ease-in-out;
}
/******************************Seccion 5****************************************/
.section5 {
    grid-area: seccion5;
    color: #5C5C5C;
    width: 74%;
    margin: auto;
    background-color: #ffffff;
    margin-top: -1px;
}
.section5 h6 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(18px + (30 - 18) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    padding: 85px 28% 40px 0%;
}
.section5 p {
    font-family: 'Helvetica-Neue-Regular';
    font-size: calc(14px + (24 - 14) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    line-height: normal;
    padding: 0 28% 0px 0%;
}
.section5 a {
    font-family: 'Helvetica-Neue-Regular';
    font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    color: #09A6E0;
    margin: 0 0%;
}
/******************************Seccion 6****************************************/
.section6 {
    grid-area: seccion6;
    text-align: center;
    padding: 15% 0px;
    width: 86.6%;
    margin: auto;
}
.section6 img {
    padding: 0px 0% 8%;
    z-index: 2;
    position: relative;
}
.section6 h6 {
    padding: 5% 5% 45px 23%;
    z-index: 1;
    color: #F77782;
    font-size: calc(29px + (64 - 29) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    color: #A7C8D5;
}
.section6 h5 {
    padding: 0 35% 0 0;
    z-index: 1;
    color: #666666;
    text-align: left;
}
.section6 p {
    text-align: left;
    padding: 30px 29% 0px 0;
    z-index: 1;
    color: #666666;
}
.section6 a{
    text-align:left;
    padding: 0px 29% 0px 0;
    z-index:1;
}
.section6 .section6Container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.section6 .section6Container .box1, .section6 .section6Container .box2{
    width:50%;
}
/******************************Seccion 7****************************************/
.section7 {
    grid-area: seccion7;
    text-align: center;
    padding: 0% 0px 15%;
    width: 86.6%;
    margin: auto;
}
.section7 img {
    padding: 0px 0% 8%;
    position: relative;
    width: 69%;
}
.section7 h6 {
    padding: 5% 5% 45px 23%;
    z-index: 1;
    color: #F77782;
    font-size: calc(29px + (80 - 29) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    color: #A7C8D5;
}
.section7 h6:nth-child(1){
    padding: 0 19%;
}
.section7 h6:nth-child(2) {
    color: #8B8989;
    padding: 0 19% 5%;
}
.section7 h5 {
    padding: 0 27%;
    z-index: 1;
    color: #666666;
    text-align: center;
}
.section7 p {
    text-align: left;
    padding: 30px 19% 0;
    z-index: 1;
    color: #666666;
}
.section7 a {
    text-align: left;
    padding: 0 19%;
    z-index: 1;
}
.section7 .containerImage{
    position:relative;
}
.section7 .overlay {
    width: 52%;
    margin: auto;
    height: auto;
    position: absolute;
    top: 7%;
    left: 0px;
    right: 0;
    bottom: 26%;
    z-index: 1;
    border-radius: 0px;
    transition: all 1s ease-in-out;
}
/******************************Seccion 8****************************************/
.section8 {
    grid-area: seccion8;
    background-color: #F0F0F0;
    display: grid;
    grid-template-areas: "seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2"
        "seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-4 seccion8-4 seccion8-4 seccion8-4 seccion8-4";
    grid-template-columns: repeat(12, 1fr);
    padding: 12% 0 0;
}
/******************************Seccion 8-1****************************************/
.seccion8-1 {
    grid-area: seccion8-1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 0% 0% 22% 17.7%;
}
.seccion8-1 .containerText {
    padding: 5% 8%  5% 0%;
    text-align: left;
    z-index: 1;
}
.seccion8-1 h6:nth-child(1){
    color:#A7C8D5;
}
.seccion8-1 h6:nth-child(2){
    color:#666666;
}
/******************************Seccion 8-2****************************************/
.seccion8-2 {
    grid-area: seccion8-2;
    padding: 0% 0% 20% 0%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seccion8-2 div {
    position: relative;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.seccion8-2 img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    object-fit: contain;
    transform: translateX(-8%);
}
.seccion8-1 h5, .seccion8-1 p, .seccion8-4 h5, .seccion8-4 p{
    color:#666666;
}
/******************************Seccion 8-3****************************************/
.seccion8-3 {
    grid-area: seccion8-3;
    padding: 20% 0% 20% 13.7%;
    background-color: #A7C8D5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seccion8-3 div {
    position: relative;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.seccion8-3 img {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    object-fit: contain;
}
/******************************Seccion 8-4****************************************/
.seccion8-4 {
    grid-area: seccion8-4;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #A7C8D5;
    align-content: center;
    padding: 20% 13.7% 20% 0%;
    margin-left:-1px;
}
.seccion8-4 .containerText {
    padding: 5% 2%  5% 11.5%;
    text-align: left;
    z-index: 1;
}
.seccion8-4 h6{
    padding-right: 15%;
}
.seccion8-4 h5, .seccion8-4 p{
    color:#ffffff;
}
/******************************Seccion 9****************************************/
.section9{
    grid-area:seccion9;
    background-image:url('https://assets.claro360.com/Gobierno/saludFederal/section9.png');
    background-color: #000000;
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    width:100%;
    min-height: 100vh;
    color:#ffffff;
}
.section9 .containerText {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 100vh;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 7.5%;
    padding-bottom: 10%;
    max-width: 950px;
    width: 55%;
}
.section9 h6, .section9 h5 {
    color: #ffffff;
}
.section9 h5{
    padding-right: 14%;
}
.section9 p {
    color: #ffffff;
    padding-right: 12%;
}
.section9 pre{
    white-space:pre-line;
    line-height: normal;
    margin:0;
}
/******************************Seccion 12****************************************/
.section12{
    grid-area:seccion12;
    display:grid;
    grid-template-areas:"box12-1 box12-1 box12-1 box12-1 box12-1 box12-2 box12-2 box12-2 box12-2 box12-2 box12-2 box12-2"
        "box12-3 box12-3 box12-3 box12-3 box12-3 box12-3 box12-4 box12-4 box12-4 box12-4 box12-4 box12-4";
    grid-template-columns:repeat(12, 1fr);
    background-color:#ffffff;
}
.section12 .titleSections {
    color: #666666;
    white-space: pre-line;
    margin: 0;
    line-height: normal;
}
.section12 .box4 .titleSections{
    color:#A7C8D5;
}
.section12 .subtitleSections, .section12 .paragraphSections{
    color:#666666;
}
.section12 .box1 {
    grid-area: box12-1;
    padding: 15% 18.5% 15% 17.5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.section12 .box2{
    grid-area:box12-2;
    padding: 15% 13.5% 15% 4%;
}
.section12 .box3{
    grid-area:box12-3;
    background-color:#A7C8D5;
}
.section12 .box3 img {
    padding: 20% 7.5%;
    width:100%;
}
.section12 .box3 .containerText{
    padding: 0 12% 15% 14.5%;
}
.section12 .box4{
    grid-area:box12-4;
    background-color:#F0F0F0;
}
.section12 .box4 .containerText {
    padding: 20% 13.5% 10%;
}
.section14 .box4 .containerText .titleSections{
    padding-right: 45%;
}
.section14 .box4 .containerText img{
    padding: 0 0 10% 12%;
}
.section12 .box4 img {
    width: 100%;
    padding: 0 10.5% 15%;
}
/******************************Seccion 14****************************************/
.section14{
    grid-area:seccion14;
    background-color:#ffffff;
    display:grid;
    grid-template-areas:"seccion14-1"
        "seccion14-2";
}
/******************************Seccion 14-1****************************************/
.section14 .seccion14-1 {
    grid-area: seccion14-1;
    display: flex;
    flex-direction: row;
    border-radius: 40px;
    box-shadow: 0px 2px 6px #00000029;
    margin: 12% 6.7%;
}
.section14 .seccion14-1 .containerText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5% 7.5%;
    text-align: left;
    width: 45%;
    background-color: #C7C7C7;
    border-radius: 40px 0 0 40px;
}
.section14 .seccion14-1 .linkSections {
    justify-content: flex-start;
}
.section14 .seccion14-1 img {
    border-radius: 0 40px 40px 0;
    width: 55%;
    object-fit: cover;
}
.section14 .seccion14-1 h5{
    padding-right: 5%;
}
.section14 .seccion14-1 p{
    padding-right: 0.5%;
}
/******************************Seccion 14-2****************************************/
.section14 .seccion14-2 {
    grid-area: seccion14-2;
    display: flex;
    flex-direction: row;
    border-radius: 40px;
    box-shadow: 0px 2px 6px #00000029;
    margin: 0% 6.7%  0%;
}
.section14 .seccion14-2 .containerText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5% 7.5%;
    text-align: left;
    width: 45%;
    background-color: #A7C8D5;
    border-radius: 40px 0 0 40px;
}
.section14 .seccion14-2 img{
    border-radius: 0 40px 40px 0;
    width:55%;
    object-fit: cover;
}
.section14 .seccion14-2 h5{
    padding-right: 5%;
}
.section14-2 .titleSections{
    padding-right: 10%;
}
.section14-2 .paragraphSections{
    padding-right: 2%;
}
/******************************Seccion New****************************************/
.sectionNew {
    grid-area: seccionNew;
    text-align: center;
    padding: 15% 0px;
    width: 86.6%;
    margin: auto;
}
.sectionNew img {
    padding: 0px 15% 8%;
    z-index: 2;
    width: 100%;
    position: relative;
}
.sectionNew h6 {
    padding: 5% 5% 45px 14%;
    z-index: 1;
    color: #F77782;
    font-size: calc(29px + (80 - 29) * (100vw - 320px) / (1920 - 320));
    text-align: left;
    color: #A7C8D5;
}
.sectionNew h5 {
    padding: 0 12.5%;
    z-index: 1;
    color: #666666;
    text-align: left;
}
.sectionNew p {
    text-align: left;
    padding: 30px 14.5% 0 12.5%;
    z-index: 1;
    color: #5C5C5C;
}
.sectionNew a {
    text-align: left;
    padding: 0px 0 0px 12.5%;
    z-index: 1;
}
.sectionNew .sectionNewContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.sectionNew .sectionNewContainer .box1, .sectionNew .sectionNewContainer .box2{
    width:50%;
}
/******************************Seccion 15****************************************/
.section15{
    grid-area:seccion15;
    background-image:url('https://assets.claro360.com/Gobierno/saludFederal/section15.png');
    background-color: #ffffff;
    background-size:cover;
    background-position: center;
    background-repeat:no-repeat;
    min-height: 100vh;
    position:relative;
    margin:auto;
    width:100%;
    transition:all 2.5s;
}
.section15 .containerText {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    min-height: 100vh;
    justify-content: center;
    align-items: flex-start;
    padding-left: 7.5%;
    padding-top: 7%;
    max-width: 765px;
    width: 100%;
    position: relative;
    z-index: 2;
    transition: all 1.5s ease-in-out;
    transition-delay: 0.4s;
}
.section15 h6{
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(28px + (60 - 28) * (100vw - 320px) / (1920 - 320));
    color:#ffffff;
    position: relative;
}
.section15 h6:after {
    content: url("");
    background-image: url('https://assets.claro360.com/landingsMexico360/gobierno/saludFederal/web/Hechos.png');
    height: auto;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute;
    left: 100%;
    bottom: -15px;
    width: 200px;
    height: 100px;
    margin-left: 15px;
}
.section15 h5 {
    font-size: calc(20px + (32 - 20) * (100vw - 320px) / (1920 - 320));
    font-family: 'Helvetica-Neue-Bold';
    padding-right: 50px;
    color: #ffffff;
    padding: 29px 10% 0px 0px;
}
.section15 .overlaySection{
    position: absolute;
    background-color: rgba(0,0,0,0.65);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all 1.8s;
}
/******************************Seccion 16****************************************/
.section16{
    grid-area:seccion16;
}
.section16 .containerBoxGrid {
    display: grid;
    grid-template-areas: "box1 box1 box1"
        "box2 box3 box4"
        "box5 box6 box7";
    width: 80%;
    margin: auto;
    padding: 10% 0 5% 0;
    grid-gap: 50px 11.8%;
}
.section16 h5{
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(18px + (24 - 18) * (100vw - 320px) / (1920 - 320));
    color:#5C5C5C;
    padding-bottom:22px;
}
.section16 p{
    font-family: 'Helvetica-Neue-Regular';
    font-size: calc(14px + (20 - 14) * (100vw - 320px) / (1920 - 320));
    color:#5C5C5C;
}
.section16 h6 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: calc(24px + (50 - 24) * (100vw - 320px) / (1920 - 320));
    color: #000000;
    padding-bottom: 72px;
    text-align: center;
}
.section16 .box1{
    grid-area:box1;
}
.section16 .box2{
    grid-area:box2;
}
.section16 .box3{
    grid-area:box3;
}
.section16 .box4{
    grid-area:box4;
}
.section16 .box5{
    grid-area:box5;
}
.section16 .box6{
    grid-area:box6;
}
.section16 .box7{
    grid-area:box7;
}
/******************************Seccion 17****************************************/
.section17{
    grid-area:seccion17;
    background-color:#F0F0F0;
}
.section17 .containerText {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    background-color: #F0F0F0;
}
.section17 h6 {
    font-size: calc(24px + (40 - 24) * (100vw - 320px) / (1920 - 320));
    padding: 59px 0px;
    font-family: 'Helvetica-Neue-Bold';
    color: #000000;
}
.section17 button {
    background-color: #9f2240;
    font-family: arial;
    font-weight: bold;
    border-radius: 18px;
    color: #ffffff;
    margin-bottom: 79px;
    min-width: 297px;
    outline: none;
    border: 0px;
}
.section17 button p {
    font-size: calc(24px + (34 - 24) * (100vw - 320px) / (1920 - 320));
    height: 60px;
    line-height: 40px;
    display: block;
    padding: 10px 0;
}
.section17 button:focus{
    box-shadow:0px 0px 10px black;
}

/*PORTRAIT*/
@media (max-width: 991px){
    /*    *****************************Generales****************************************/
    .imgWeb{
        display:none !important;
    }
    .imgResponsive{
        display:block !important;
        margin:auto;
    }
    .fromLeft{
        transform:translateX(0);
        opacity:1;
        transition:all 1s ease-in-out;
    }
    .fromRight{
        transform:translateX(0);
        opacity:1;
        transition:all 1s ease-in-out;
    }
    .toRight, .toLeft{
        transform:translateX(0);
        opacity:1;
    }
    .titleSections{
        display:inline;
    }
    .subtitleSections {
        padding: 20px 0px;
    }
    .linkSections{
        padding-top: 10px;
    }
    /******************************Contenedor****************************************/
    main.container-grid{
        display:grid;
        grid-template-areas: "seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1 seccion1"
            "seccion2  seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2 seccion2"
            "seccion3  seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3 seccion3"
            "seccion4  seccion4 seccion4 seccion4 seccion4 seccion4 seccion4 seccion4 seccion4 seccion4"
            "seccion5  seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5 seccion5"
            "seccion6  seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6 seccion6"
            "seccion7  seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7 seccion7"
            "seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8 seccion8"
            "seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9 seccion9"
            "seccion12  seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12 seccion12"
            "seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14 seccion14"
            "seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew seccionNew"
            "seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15 seccion15"
            "seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16 seccion16"
            "seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17 seccion17";
    }
    /******************************Section1 ****************************************/
    .section1{
        background-image:url('https://assets.claro360.com/Gobierno/saludFederal/Responsive/section1.png');
        min-height:110vh;
    }
    .section1 .containerText {
        width: 100%;
        padding-right: 10%;
    }
    .section1 .containerText img {
        width: 73%;
        margin-top: 115px;
    }
    .section1 p {
        padding-right: 0px;
    }
    .section1 button{
        min-width:200px;
        margin-bottom:10%;
    }
    .section1 button p {
        height: 40px;
        line-height: 20px;
    }
    .section1 h6 {
        padding: 29px 25% 29px 0;
    }
    /******************************Section2 ****************************************/
    .section2 {
        padding: 12% 0;
        text-align: center;
    }
    .section2 .containerText{
        width:100%;
    }
    .section2 h6 {
        padding: 0px 7.5% 40px;
        text-align: left;
    }
    .section2 p {
        padding: 0px 7.5% 0px;
        text-align: left;
    }
    /******************************Section3 ****************************************/
    .section3{
        padding-bottom:100px;
    }
    .section3 .title{
        padding:0 0 50px;
    }
    .section3 .containerServices{
        flex-direction:column;
        grid-row-gap: 50px;
    }
    .section3 .serviceIcons {
        width: 100%;
    }
    /******************************Section4 ****************************************/
    .section4 div{
        padding: 0 7.5% 10%;
    }
    .section4 h6 {
        padding: 0%;
        text-align: left;
        display:inline;
    }
    .section4 img {
        min-height: 300px;
        height: 300px;
    }
    /******************************Section5 ****************************************/
    .section5 {
        padding-bottom: 15vh;
        width: 100%;
    }
    .section5 h6 {
        text-align: left;
        padding: 50px 7.5% 30px;
    }
    .section5 p {
        padding: 0 7.5% 0px;
    }
    .section5 a, section6 img {
        margin: 0 7.5%;
    }
    /******************************Section6 ****************************************/
    .section6 {
        width: 100%;
        padding: 5% 0px 15vh;
    }
    .section6 h6 {
        padding: 0% 18.5% 30px 7.5%;
        display: block;
        text-align: left;
    }
    .section6 img {
        padding: 0 0% 15%;
    }
    .section6 h5 {
        padding: 0 7.5%;
        text-align:left;
    }
    .section6 p {
        padding: 30px 7.5% 10px;
    }
    .section6 a {
        margin: 0 7.5%;
    }
    .section6 .section6Container {
        flex-direction: column;
    }
    .section6 .section6Container .box1, .section6 .section6Container .box2 {
        width: 100%;
    }
    /******************************Section7 ****************************************/
    .section7 {
        width: 100%;
        padding: 0% 0px 15vh;
    }
    .section7 h6 {
        padding: 10% 7.5% 30px 7.5%;
        display: inline;
        text-align: left;
    }
    .section7 img {
        padding: 30px 0%;
    }
    .section7 h5 {
        padding: 0 7.5%;
        text-align:left;
    }
    .section7 p {
        padding: 30px 7.5% 10px;
    }
    .section7 a {
        margin: 0;
        padding: 0;
    }
    .section7 h6:nth-child(1) {
        padding: 0;
    }
    .section7 h6:nth-child(2) {
        padding: 0 0 15%;
    }
    .section7 div{
        padding: 0 7.5%;
        text-align: left;
    }
    .section7 img {
        width: 100%;
    }
    .section7 .overlay {
        width: 64%;
        top: 18%;
        bottom: 21%;
    }
    /******************************Section8 ****************************************/
    .section8 {
        padding:15vh 0 0;
        grid-template-areas:"seccion8-1"
            "seccion8-2"
            "seccion8-4"
            "seccion8-3";
        grid-template-columns:1fr;
        margin-top:-1px;
    }
    /******************************Section8-1 ****************************************/
    .seccion8-1 {
        margin: 0 7.5% 15%;
    }
    .seccion8-1 .containerText {
        padding: 0% 0%;
        text-align: left;
    }
    .seccion8-1 .linkSections {
        justify-content: flex-start;
    }
    .seccion8-1 h5,     .seccion8-1 h6,     .seccion8-1 p  {
        padding-left: 0;
    }
    /******************************Section8-2 ****************************************/
    .seccion8-2 {
        padding: 0;
        margin: 0;
    }
    .seccion8-2 img {
        padding: 0 3.7% 15vh;
        width: 100%;
        transform: translateX(0px);
    }
    /******************************Section8-3 ****************************************/
    .seccion8-3 {
        padding: 0;
        margin: 0;
    }
    .seccion8-3 img {
        padding: 0% 3.7% 15vh;
        width: 100%;
    }
    /******************************Section8-4 ****************************************/
    .seccion8-4 {
        margin: 0;
        padding: 15vh 7.5% 15%;
    }
    .seccion8-4 .containerText {
        padding: 0;
        text-align: left;
    }
    .seccion8-4 .linkSections {
        justify-content: flex-start;
    }
    .seccion8-4 h5,     .seccion8-4 p  {
        padding-right: 0;
    }
    .seccion8-4 h6 {
        padding-right: 7%;
        display: block;
    }
    /******************************Section9 ****************************************/
    .section9{
        background-image:url('https://assets.claro360.com/Gobierno/saludFederal/Responsive/section9.png');
    }
    .section9 .containerText{
        width:100%;
        padding:0 4.5% 10% 7.5%;
    }
    .section9 p {
        padding-right: 6%;
    }
    .section9 h6{
        padding-right: 0%;
    }
    .section9 h5 {
        padding-right: 5%;
    }
    /******************************Section12 ****************************************/
    .section12 {
        grid-area: seccion12;
        display: grid;
        grid-template-areas: "box12-1"
            "box12-2"
            "box12-3"
            "box12-4";
        grid-template-columns: 100%;
    }
    .section12 .box1 {
        padding: 15vh 7.5% 10% 7.5%;
    }
    .section12 .box2 {
        padding: 0% 7.5% 15vh;
    }
    .section12 .subtitleSections, .section12 .paragraphSections {
        padding-right: 4%;
    }
    .section12 .box3 img {
        padding: 15vh 4.5% 15%;
    }
    .section12 .box3 .containerText {
        padding: 0 7.5% 15vh;
    }
    .section12 .box4 .containerText {
        padding: 15vh 7.5% 15%;
    }
    .section12 .box4 .titleSections {
        display: block;
        padding-right: 0;
    }
    .section12 .box4 img {
        width: 100%;
        padding: 0 3.5% 15vh 2.5%;
    }
    /******************************Section14-1 ****************************************/
    .section14 .seccion14-1 {
        flex-direction: column;
        margin: 15vh 3.7%;
    }
    .section14 .seccion14-1 img {
        border-radius: 0 0 40px 40px;
        width: 100%;
    }
    .section14 .seccion14-1 .titleSections{
        padding-right: 13%;
    }
    .section14 .seccion14-1 .containerText {
        padding: 15% 5% 10%;
        width: 100%;
        border-radius: 40px 40px 0 0;
    }
    .section14 .seccion14-1 .linkSections {
        justify-content: flex-start;
    }
    .section14 .seccion14-1 h5 {
        padding: 40px 0px 20px;
    }
    /******************************Section14-2 ****************************************/
    .section14 .seccion14-2 {
        flex-direction: column;
        margin: 0 3.7% 15vh;
    }
    .section14 .seccion14-2 h5 {
        padding: 40px 0px 20px;
    }
    .section14 .seccion14-2 .titleSections{
        padding-right: 13%;
    }
    .section14 .seccion14-2 img {
        border-radius: 0 0 40px 40px;
        width:100%;
    }
    .section14 .seccion14-2 .containerText {
        padding: 15% 5% 10%;
        width: 100%;
        border-radius: 40px 40px 0 0;
    }
    .section14 .seccion14-2 .linkSections {
        justify-content: flex-start;
    }
    .section14 .seccion14-2 h5 {
        padding-right: 0;
    }
    /******************************SectionNew ****************************************/
    .sectionNew {
        padding: 15vh 0px 15vh;
        width: 100%;
    }
    .sectionNew img {
        padding: 0px 3.5% 8%;
    }
    .sectionNew .sectionNewContainer {
        flex-direction: column;
    }
    .sectionNew .sectionNewContainer .box1, .sectionNew .sectionNewContainer .box2 {
        width: 100%;
        padding:0 7.5%;
    }
    .sectionNew h6 {
        padding: 0 0 30px;
        display: block;
    }
    .sectionNew h5 {
        padding: 0;
    }
    .sectionNew p {
        padding: 30px 0 0;
    }
    .sectionNew a {
        padding: 0;
    }
    /******************************Section15 ****************************************/
    .section15{
        background-image:url('https://assets.claro360.com/Gobierno/saludFederal/Responsive/section15.png');
        background-position:right;
    }
    .section15 .containerText {
        width: 100%;
        padding-left: 3.5%;
    }
    .section15 h6:after {
        bottom: -2px;
        width: 80px;
        height: 50px;
        margin-left: 10px;
    }
    .section15 h5 {
        padding: 29px 20% 0px 0px;
    }
    /******************************Section16 ****************************************/
    .section16 .containerBoxGrid {
        grid-template-areas: "box1 box1 box1"
            "box2 box2 box2"
            "box5 box5 box5"
            "box3 box3 box3"
            "box6 box6 box6"
            "box4 box4 box4"
            "box7 box7 box7";
        grid-gap: 40px 11.8%;
        padding: 20% 0 10% 0;
        width:84%;
    }
    .section16 h6 {
        padding-bottom: 10px;
    }
    /******************************Section17 ****************************************/
    .section17 button {
        min-width: 200px;
    }
    .section17 button p {
        height: 40px;
        line-height: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px){
    .section1 {
        min-height: 100vh;
    }
    .section1 h6 {
        padding: 29px 52% 29px 0;
    }
    .section1 .containerText img {
        width: 60%;
    }
    .section4 img {
        min-height: 300px;
        height: 460px;
    }  
    .section6 h6 {
        padding: 0% 48.5% 30px 7.5%;
    }
    .section7 div:nth-child(1) {
        padding: 0 20.5% 0 7.5%;
    }
    .section7 .overlay {
        width: 64%;
        top: 14%;
        bottom: 17%;
    }
    .seccion8-1 h6:nth-child(2) {
        padding-right: 42%;
        display: block;
    }
    .seccion8-4 h6 {
        padding-right: 46%;
    }
    .section12 .box3 .containerText .titleSections {
        padding-right: 0;
        display: block;
    }
    .section14 .seccion14-2 .titleSections {
        padding-right: 32%;
    }
    .section15 h5 {
        padding: 29px 45% 0px 0px;
    }
}  

@media only screen and (min-width: 992px) and (max-width:1300px){
    .section1 {
        background-position: 79%;
    }
    .section1 .containerText {
        max-width: 1100px;
        width: 60%;
        background-position: left;
    }
    .section1 h6 {
        padding: 29px 40% 29px 0;
    }
    .section2 .containerText {
        width: 82.5%;
    }
    .section2 h6 {
        padding: 0px 27% 50px;
    }
    .section3 .serviceIcons img {
        max-width: 120px;
    }
    .section4 h6 {
        padding: 0 15% 5%;
    }
    .section5 {
        width: 75%;
    }
    .section5 h6 {
        padding: 85px 0% 35px 0%;
    }
    .section5 p {
        padding: 0px 0% 0px;
    }
    .section5 a {
        margin: 0 0%;
    }
    .section6 {
        padding: 15% 0px;
    }
    .section6 h6 {
        padding: 5% 6% 45px;
    }
    .section6 h5 {
        padding: 0 10%;
    }
    .section6 p {
        padding: 30px 10% 0px;
    }
    .section6 a {
        margin: 0 10%;
    }
    .section7 {
        padding: 0% 0px;
    }
    .section7 h6 {
        padding: 5% 17% 45px;
    }
    .section7 h5 {
        padding: 0 10%;
    }
    .section7 p {
        padding: 30px 10% 0px;
    }
    .section7 a {
        margin: 0 10%;
    }
    .section7 h6:nth-child(1) {
        padding: 0 11%;
    }
    .section7 h6:nth-child(2) {
        padding: 0 11% 5%;
    }
    .section7 a {
        margin: 0 0%;
        padding: 0 10%;
    }
    .section8 {
        grid-template-areas: "seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2"
            "seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-4 seccion8-4 seccion8-4 seccion8-4 seccion8-4 seccion8-4";
    }
    .section8 {
        margin: 15% 0 0;
    }
    .seccion8-1 .containerText {
        padding: 15% 15%  15% 0%;
    }
    .seccion8-2 div {
        height: auto;
    }
    .seccion8-3 div {
        height: auto;
    }
    .seccion8-4 .containerText {
        padding: 15% 0%  15% 11.5%;
    }
    .seccion8-4 h6 {
        padding-right: 0%;
    }
    .section9 .containerText {
        padding-bottom: 20%;
        width: 60%;
    }
    .section12 .box1 {
        padding: 15% 9.5% 15% 17.5%;
    }
    .section12 .box3 .containerText .titleSections {
        padding-right: 0;
    }
    .section14 .seccion14-1 img {
        width: 40%;
        object-fit: cover;
        object-position: 6%;
    }
    .section14 .seccion14-1 .containerText {
        width: 60%;
    }
    .section14 .seccion14-2 img {
        width: 40%;
        object-fit: cover;
        object-position: 26%;
    }
    .section14 .seccion14-2 .containerText {
        width: 60%;
    }
    .sectionNew h6 {
        padding: 5% 0% 45px 0%;
    }
    .section15 h5 {
        padding: 29px 40% 0px 0px;
    }
    
    .section15 h6:after {
        bottom: -2px;
        width: 110px;
        height: 60px;
    }
}


/*LANDSCAPE*/
@media (max-width: 991px) and (orientation:landscape){
    .section1{
        background-image:url('https://assets.claro360.com/Gobierno/saludFederal/section1.png');
    }
    .section1 .containerText {
        padding-right: 20%;
    }
    .section1 .containerText img {
        width: 35%;
    }    
    .section4 .imgWeb{
        display:block !important;
    }
    .section4 .imgResponsive{
        display:none !important;
    }
    .section5 {
        padding-bottom: 0%;
    }
    .section6 {
        padding: 15% 0px 15%;
    }
    .section6 img {
        padding: 0 0% 5%;
    }
    .section6 h6 {
        padding: 5% 7.5% 30px 7.5%;
    }
    .section7 {
        padding: 0% 0px 15%;
    }
    .section7 h6 {
        padding: 5% 7.5% 30px 7.5%;
    }
    .section8 {
        padding: 15% 0;
    }
    .seccion8-1 {
        margin: 0 3.7% 5%;
    }
    .seccion8-1 .containerText, .seccion8-4 .containerText {
        padding: 0% 5.5%;
    }
    .seccion8-3 img {
        padding: 5% 3.7% 0%;
    }
    .seccion8-3 img {
        padding: 5% 3.7% 15%;
    }
    .seccion8-4 {
        padding: 15% 7.5% 5%;
    }
    .seccion8-4 h6 {
        padding-right: 41%;
    }
    .section9{
        background-image:url('https://assets.claro360.com/Corporativo/telecomunicaciones/section13.png');
    }
    .section12 .box3 img {
        padding: 15vh 4.5% 5%;
    }
    .section12 .box4 .containerText {
        padding: 15vh 7.5% 5%;
    }
    .section15{
        background-image:url('https://assets.claro360.com/Gobierno/saludFederal/section15.png');
    }
}

@media (min-width: 992px) and (max-width:1300px) and (orientation: landscape){
    .section1 .containerText {
        width: 62%;
    }
    .section1 img {
        margin-top: 100px;
    }
    .section1 h6 {
        padding: 29px 40% 29px 0;
    }
    .section1 p {
        padding-right: 0px;
    }
    .section2 p {
        padding: 0px 0px 0px;
    }
    .section3 {
        padding-bottom: 15%;
    }
    .section3 .serviceIcons img {
        max-width: 110px;
    }
    .section6 {
        padding: 15% 0px;
    }
    .seccion8-1 .containerText {
        padding: 0% 15% 0% 0%;
    }
    .seccion8-4 .containerText {
        padding: 0% 0%  0% 11.5%;
    }
    .section9 .containerText {
        padding-bottom: 10%;
    }
    .section12 .box1 {
        padding: 15% 0.5% 15% 17.5%;
    }  
    .section12 .box2 {
        padding: 15% 13.5% 15% 10%;
    }
    .sectionNew img {
        padding: 0px 8% 8%;
    }
}

@media (min-width: 1200px) and (max-width:1700px) and (orientation: landscape){
    .section1 h6 {
        padding: 29px 47% 29px 0;
    }
    .section3 .serviceIcons:nth-child(4) p {
        padding: 0 15%;
    }
    .section7 h5 {
        padding: 0 16%;
    }
    .section9 .titleSections{
        padding-right: 37%;
    }
    .section12 .box3 .containerText .titleSections {
        padding-right: 9%;
    }
    .section15 h5 {
        padding: 29px 35% 0px 0px;
    }
}

@media (min-width: 1301px) and (max-width:1700px) and (orientation: landscape){
    .section1 h6 {
        padding: 29px 45% 29px 0;
    }
    .section2 p {
        padding: 0px 0px 0px;
    }
    .section4 h6 {
        padding: 0 20% 5%;
    }
    .section5 h6 {
        padding: 85px 6.5% 40px;
    }
    .section5 p {
        padding: 0 6.5% 0px;
    }
    .section5 a {
        margin: 0 6.5%;
    }
    .section6 h6 {
        padding: 5% 5% 45px 5%;
    }
    .section7 h6:nth-child(1) {
        padding: 0 12%;
    }
    .section7 h6:nth-child(2) {
        padding: 0 12% 5%;
    }
    .section7 p {
        padding: 30px 12% 0;
    }
    .section7 a {
        padding: 0 12%;
    }
    .section8 {
        grid-template-areas: "seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-1 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2 seccion8-2"
            "seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-3 seccion8-4 seccion8-4 seccion8-4 seccion8-4 seccion8-4 seccion8-4";
    }
    .section9 .titleSections{
        padding-right: 37%;
    }
    .section14 .seccion14-2 img {
        object-position: left;
    }
    .section14 .seccion14-2 .containerText {
        padding: 5% 5.5% 5% 7.5%;
    }
    .sectionNew img {
        padding: 0px 10% 8%;
    }
    .sectionNew h6 {
        padding: 5% 5% 45px 5%;
    }
    .section15 h5 {
        padding: 29px 20% 0px 0px;
    }
    
    .section15 h6:after {
        bottom: -2px;
        width: 140px;
        height: 80px;
    }
}

@media (min-width: 2100px){
    .section1 h6 {
        padding: 29px 45% 29px 0;
    }
    .section1 p {
        padding-right: 10%;
    }
    .section2 p {
        padding: 0px 0px 0px;
    }
    .section3 .containerText {
        width: 80%;
    }
    .section3 .serviceIcons:nth-child(4) p {
        padding: 0 30%;
    }
    .section5 {
        padding-bottom: 7%;
    }
    .section7 .overlay {
        bottom: 18%;
    }
    .section7 h6:nth-child(2) {
        padding: 0 19% 2%;
    }
    .section7 h5 {
        padding: 0 37%;
    }
    .section7 img {
        padding: 0px 0% 3%;
    }
    .seccion8-1 .containerText {
        padding: 5% 8%  5% 10%;
    }
    .seccion8-4 .containerText {
        padding: 5% 10%  5% 11.5%;
    }
    .section12 .box4 .containerText {
        padding: 20% 13.5% 0%;
    }
    .section12 .box3 img {
        width: 100%;
        padding: 20% 7.5% 10%;
    }
    .section12 .box4 img {
        padding-top: 10%;
    }
    .section15 .containerText {
        max-width: 865px;
    }
    .section15 h5 {
        padding: 29px 0% 0px 0px;
    }
    .section16 h6 {
        padding-bottom: 20px;
    }
    .section16 .containerBoxGrid {
        grid-gap: 100px 11.8%;
    }
    
    .section15 h6:after {
        bottom: -13px;
        width: 260px;
        height: 120px;
    }
}