/* HTML BODY GENERAL */
html { scroll-behavior: smooth;}
body { background: #333; font-family: "Open Sans", sans-serif; font-weight: 300; margin: 0; padding: 0;}
body.pauses { position: fixed; left:0; top:0; right:0; bottom:0; overflow-y: scroll;}
body.pause::before {
position: fixed;bottom: 0; left:0; right: 0; top:0; background: rgba(255,255,255,.65);
z-index: 80; backdrop-filter: blur(2px); content:"";
color:#333;
}
* { box-sizing: border-box;}
a { text-decoration: none;}
/* GENERAL BUTTON */
a.btn.min { background: none; color:#fff; padding-left:10px; }
a.btn { vertical-align: middle; background: #ff6359; color:#fff; font-weight: 500; font-size: 14px; border-radius: 3px; padding:10px 22px; margin-top:10px; display: inline-block; transition: all .6s ease; }
a.btn svg { vertical-align: middle; width:20px; height: 20px; margin-top:-2px; }
a.btn:hover { transform: scale(1.05); }
a.link { text-decoration: underline; color:#333;}
p.source { font-size: 14px !important; max-width: 768px; margin: auto;}
.hide { display:none;}
a.mini { font-weight: 400; color:#ff6359; border:#ff6359 solid 1px; padding:2px 10px; font-size: 14px; border-radius: 3px;}
a.mini:hover { background-color: #ff6359; color:#fff;}
/* SCROLLBAR */
::-webkit-scrollbar { background: #444; width: 8px; }
::-webkit-scrollbar-track { border-radius: 8px; }
::-webkit-scrollbar-thumb { background: #ff6359; border-radius: 8px; }
::-webkit-scrollbar-thumb:window-inactive { background: #444; }
/* HEADER */
header nav { height: 90px; position: fixed; z-index: 10000000; width:100%; background-color: transparent; transition: all .5s ease; }
header nav.scrolled { background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.25); }
header nav a.menu { position: fixed;right:20px; top:20px; border:#ff6359 solid 2px; border-radius: 100px; width:45px; height: 45px; text-align: center; vertical-align: middle; transition: all .6s ease; }
header nav a.menu:hover { transform: scale(1.05); }
header nav a.menu:hover svg { }
header nav a.menu svg { color:#fff; position: absolute; left:0; right:0; margin:auto; top:9px; transition: all .25s ease;}
header nav.scrolled a svg { color:#444;}
header nav a.menu svg.x { opacity: 0; transform: rotate(90deg); }
header nav a.active svg.menu { transform: scale(0); }
header nav a.active svg.x { opacity: 1; transform:rotate(0);}
header nav .logo { position: absolute; top:0px; left:15px; width: 100px; height: auto; padding-top:4px;}
header nav .logo img { width: 100%; opacity: 1; }
/* HERO */
section.hero { position: relative;}
section.hero .background { background-color: #333; min-height: 450px; position: relative;}
section.hero .background::before {
content: "";
position: absolute; top:0; bottom:0; left:0; right: 0;
background: url("../assets/images/background.jpg") top center no-repeat;
background-size: cover;
z-index: 2;
opacity: .20;
min-height: 450px;
overflow: hidden;
}
section.hero img { height: 100%; width: auto; opacity: .25; max-height: 450px; position: absolute; right:0; bottom: 0;}
section.hero h3.title { font-size: 100px; position: absolute; color:#fff; opacity:.05; margin:0; top:120px; left:0; width: 100%; text-align: center; }
section.hero .intro { max-width:900px; margin: auto; position: absolute; left:0; right: 0; bottom:-120px; border-radius: 6px; overflow: hidden; z-index: 20;}
section.hero .intro h1 { color:#fff; font-size: 40px; font-weight: 800; margin:0px; text-align: center;}
section.hero .intro h2 { color:#CE3F42; font-size: 22px; font-weight: 800; margin:0px;}
section.hero .intro ul { margin:0; padding:0; list-style: none; margin-top:20px; margin-bottom:20px; margin-left:0px;}
section.hero .intro ul li { border-bottom: rgba(255,255,255,.65) dashed 1px; transition: all .6s ease; }
section.hero .intro ul li a { font-size: 16px; color:#fff; font-weight: 400; transition: all .6s ease; vertical-align: middle; padding-top:6px; padding-bottom:6px; display: inline-block;}
section.hero .intro ul li a svg { width: 19px; height:19px; vertical-align: middle; opacity: 0; transition: all .6s ease; color:#CE3F42; }
section.hero .intro ul li a:hover { padding-left: 10px; }
section.hero .intro ul li a:hover svg{ opacity: 1; transform: rotate(90deg);}
section.hero .intro ul li:hover { background: linear-gradient(45deg, rgba(0,0,0,0.05) 0%, rgba(244,150,144,1) 100%);
}
section.hero .intro .row { font-size: 0; background-color: #F16D6F;}
section.hero .intro .row .col { display: inline-block; vertical-align: middle; !important;}
section.hero .intro .row .col .wrapper { padding:30px;}
section.hero .intro .row .col:first-child { width:45%; }
section.hero .intro .row .col:last-child { width:55%; background-color: #F49690; min-height: 280px;}
/* MEGAMENU */
header .megamenu.open { top:90px; }
header .megamenu { background: #333; min-height: 120px; box-shadow: 0px 0px 10px rgba(0,0,0,.15); position: fixed; top:-550px; width: 100%; z-index: 100001; transition: all .6s ease; }
header .megamenu::after {
position: absolute; top:0; bottom:0; left:0; right: 0;
background: url("../assets/images/background.jpg") top center no-repeat;
background-size: cover;
z-index: 1;
opacity: .15;
}
header .megamenu.open::after{
content: "";
}
header .megamenu a.close { position: absolute; right: 15px; top:15px; color:#fff; border:#F16D6F solid 1px; line-height: 55px; text-align: center;font-weight: 400; border-radius: 100px; width:45px; height: 45px;}
header .megamenu a.close:hover { background-color: #F16D6F; }
header .megamenu h2 { font-weight: bold; color:#F16D6F; font-size: 22px; padding-top:50px; margin:0; padding-left: 10px;}
header .megamenu ul { position:relative; z-index: 10;margin:0; padding: 0; list-style: none; margin-left:50px; padding-bottom: 50px; padding-top:0px; display: inline-block; padding-left:25px; padding-right: 25px; border-left: rgba(255,255,255,.15) solid 1px; border-right: rgba(255,255,255,.15) solid 1px;
vertical-align: top; }
header .megamenu ul li { margin-bottom: 20px;}
header .megamenu ul li:first-child { margin-bottom: 20px;}
header .megamenu ul li a { color:#fff; font-size: 16px; padding:8px 12px; font-weight: 400; transition: background .3s ease; vertical-align: middle;}
header .megamenu ul li a svg { vertical-align: middle; width: 20px; height: 20px; opacity: 0; transition: all .6s ease;}
header .megamenu ul li a:hover { background-color: #F16D6F;}
header .megamenu ul li a:hover svg { opacity: 1;}
header .megamenu ul li a.on { border:#F16D6F solid 1px; }
header .megamenu ul li a.on svg { opacity: 1;}
header .megamenu ul.main { padding-right: 100px; margin-top:35px; }
header .megamenu ul.main li { position: relative;}
header .megamenu ul.sub {border:none; margin-left:0px; margin-top:35px;}
header .megamenu ul.sub li { display: none; margin-bottom:20px; }
header .megamenu ul.sub li h2 { color:#85cedf;}
header .megamenu ul.sub li a:hover { background-color: #7AC4D4;}
/* PAGE */
main { background-color: #e4ecf7; padding-top:180px;}
main::after {
content: "";
position: fixed; top:0; bottom:0; left:0; right: 0;
background: url("../assets/images/background.jpg") top center no-repeat;
background-size: cover;
z-index: 2;
opacity: .15;
}
section.page { padding:30px;max-width: 1180px; margin: auto; background-color: #fff; border-radius: 6px; z-index: 5; position: relative; margin-bottom: 30px; z-index: 15;}
section.page p { font-size: 18px; font-weight: 300; color:#333; line-height: 28px;}
section.page p strong { font-weight: 600;}
section.page h2.title { color:#ff6359; font-size: 48px; margin:auto; text-align: left; max-width: 700px; margin: 0; line-height: 58px; border-bottom: #e4e4e4 solid 3px; padding-bottom: 10px; margin-bottom: 30px; margin-top:30px;}
section.page h2.title:first-child { margin-top: 0px;}
section.page h2.title strong { font-weight: 900; }
section.page h2.title p { font-weight: 200; margin:0; font-size:34px; color:#4f4c57; line-height: 44px; margin-top:5px;}
ul.bullets li { list-style: disc;}
/* MODULE LIST */
ul.module.list { margin: 0; padding: 0; list-style: none;}
ul.module.list > li { font-size: 16px; width: 100%; display: inline-block; vertical-align: top; margin-bottom: 10px; border:#e4e4e4 solid 1px; border-radius: 3px;}
ul.module.list > li h4 { position: relative; }
ul.module.list > li h4 {background-color: #F1F1F8; border-radius: 3px; font-weight: 600; font-size: 16px; padding-right:40px; margin:0; transition: background .6s ease; }
ul.module.list > li h4:hover { background-color: #c2e6ef;}
ul.module.list > li h4.on { background-color: #c2e6ef; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
ul.module.list > li h4 a { color:#333;}
ul.module.list > li .tab { display: none; padding:20px;}
ul.module.list > li .tab p:first-child { margin-top:0px; }
ul.module.list > li h4 a { display: block; padding:8px;}
ul.module.list > li h4 span svg { width:18px;height:20px;}
ul.module.list > li h4 span {
background-color: #fbfbfb;
border: #ff6359 solid 2px; border-radius: 100px;
position: absolute; right: 5px; top: 6px;
width: 27px; height: 27px;
text-align: center;
color: #444;
line-height: 33px;
}
ul.module.list li h4 span svg { opacity: 1; }
ul.module.list li h4 span:hover svg { opacity: .50; }
/* HIGHLIGHT */
.highlight { background-color: #bfebf7; border:#e4e4e4 solid 1px; border-radius: 3px; padding:15px; position: relative;}
.highlight p { font-weight: 400 !important; font-size: 18px; color:#00556c !important;}
.highlight .row { font-size: 0;}
.highlight .row .col { display: inline-block; font-size: 24px;}
.highlight .row .col ul li { margin-right:15px; margin-bottom: 5px; font-weight: 400 !important; font-size: 18px; color:#00556c !important;}
.highlight .row .col:first-child { width: 70%;}
.highlight .row .col:last-child { width: 30%;}
.highlight .row .col img { width: 100%;}
.highlight::after { content: ""; background: url("../assets/images/quotes.png") no-repeat; width:30px; height: 30px; opacity: .07;
position: absolute; right:15px; top:5px; background-size: cover; transform: rotate(180deg);}
/* EN EL RADAR */
section.page.radar .grid ul { margin:0; padding: 0; list-style: none; font-size: 0; margin-left: -15px; margin-right: -15px;}
section.page.radar .grid ul li { display: inline-block; width: 33.33%; font-size: 16px; padding:15px; vertical-align: top; margin-bottom: 10px;}
section.page.radar .grid ul li .wrapper { border:#000 solid 1px; border-radius: 12px; padding:15px; background-color: #333; min-height: 430px;}
section.page.radar .grid ul li .wrapper:hover .preview img { transform: scale(1.3) rotate(3deg); }
section.page.radar .grid ul li .wrapper .preview { min-height: 160px; overflow: hidden;}
section.page.radar .grid ul li .wrapper .preview img { width: 100%; transition: transform 3s ease;}
section.page.radar .grid ul li .wrapper h3 { margin:0; padding:0; font-size: 18px; font-weight: 600; color: #fff;}
section.page.radar .grid ul li .wrapper h4 { margin:0; padding:0; font-size: 13px; font-weight: bold; text-transform: uppercase; color:#ff6359; padding-top:5px;}
section.page.radar .grid ul li .wrapper h5 { color:#85cedf; margin: 0; padding: 0; font-size: 14px; font-weight: 400;}
section.page.radar .grid ul li .wrapper p { color:#e4e4e4; margin-bottom: 0px; font-size: 16px; line-height: 24px;}
section.page.radar .grid.alt ul li { display: inline-block; width: 100%; font-size: 16px; padding:15px; vertical-align: top; margin-bottom: 10px;}
section.page.radar .grid.alt ul li .wrapper { border:#000 solid 1px; border-radius: 12px; padding:15px; background-color: #333; min-height: 215px; position:relative; padding-left:210px;}
section.page.radar .grid.alt ul li .wrapper:hover .preview img { transform: scale(1.3) rotate(3deg); }
section.page.radar .grid.alt ul li .wrapper .preview { min-height: 180px; max-width:180px; overflow: hidden; position: absolute; left:10px; border-radius: 12px;}
section.page.radar .grid.alt ul li .wrapper .preview img { min-height: 180px; transition: transform 3s ease;}
section.page.radar .grid.alt ul li .wrapper h3 { margin:0; padding:0; font-size: 22px; font-weight: 500; color: #fff;}
section.page.radar .grid.alt ul li .wrapper h4 { margin:0; padding:0; font-size: 13px; font-weight: bold; text-transform: uppercase; color:#ff6359; padding-top:5px;}
section.page.radar .grid.alt ul li .wrapper h5 { color:#85cedf; margin: 0; padding: 0; font-size: 14px; font-weight: 400;}
section.page.radar .grid.alt ul li .wrapper p { color:#e4e4e4; margin-bottom: 0px; font-size: 16px; line-height: 24px;}
section.page.radar .news ul { margin:0; padding: 0; list-style: none; font-size: 0; dispaly:block; margin-left: -15px; margin-right: -15px;}
section.page.radar .news ul li { display: block; width:100%; font-size: 16px; padding:15px; vertical-align: top; margin-bottom: 10px;}
section.page.radar .news ul li .wrapper { border:#ccc solid 1px; border-radius: 12px; padding:15px; background-color: #e4e4e4; }
section.page.radar .news ul li .wrapper:hover .preview img { transform: scale(1.3) rotate(3deg); }
section.page.radar .news ul li .wrapper .preview { min-height: 160px; overflow: hidden;}
section.page.radar .news ul li .wrapper .preview img { width: 100%; transition: transform 3s ease;}
section.page.radar .news ul li .wrapper h3 { margin:0; padding:0; font-size: 20px; font-weight: 600; color: #fff;}
section.page.radar .news ul li .wrapper h4 { margin:0; padding:0; font-size: 16px; font-weight: bold; text-transform: uppercase; color:#333; padding-top:5px; font-weight: 600;}
section.page.radar .news ul li .wrapper h5 { color:#888; margin: 0; padding: 0; font-size: 14px; font-weight: 400;}
section.page.radar .news ul li .wrapper p { color:#333; margin-bottom: 0px; font-size: 16px; line-height: 24px;}
section.page.radar .news ul li .wrapper .links a { vertical-align: middle; background: #ff6359; color:#fff; font-weight: 600; font-size: 14px; border-radius: 3px; padding:8px 20px; margin-top:10px; display: inline-block; transition: all .6s ease; margin-right:30px; }
section.page.radar .news ul li .wrapper .links a svg { vertical-align: middle; width:20px; height: 20px; margin-top:-2px; }
section.page.radar .news ul li .wrapper .links a:hover { transform: scale(1.05); }
/* SWIPER */
section.page.aborto .swiper.tendencias { width: 100%; height: 350px; padding-bottom:45px; }
section.page.aborto .swiper.tendencias .swiper-slide{ background-color: #333; border:#e4e4e4 solid 1px; border-radius: 6px;}
section.page.aborto .swiper.tendencias .swiper-slide .wrapper { padding:20px;}
section.page.aborto .swiper.tendencias .swiper-slide .wrapper h4 { color:#fff; font-weight: 600; font-size: 20px; margin-top:10px;}
section.page.aborto .swiper.tendencias .swiper-slide .wrapper h4 span {color:#ff6359; font-weight: bold;}
section.page.aborto .swiper.tendencias .swiper-slide .wrapper p { font-size: 18px; color:#fff;}
section.page.aborto .swiper.tendencias .swiper-pagination { bottom: 0px;}
section.page.aborto .swiper.tendencias .swiper-pagination-bullet { border:#e4e4e4 solid 2px; width:14px; height: 14px; padding:2px; background: transparent; opacity:1}
section.page.aborto .swiper.tendencias .swiper-pagination-bullet-active { background-color: #ff6359; border-color:#ff6359; }
section.page.aborto .swiper.tendencias .swiper-button-next { bottom: 0; top:auto; background-color:#fff; color:#444; border:#ff6359 solid 2px; min-width: 35px; height: 35px;padding:3px; border-radius: 100px; right:0; }
section.page.aborto .swiper.tendencias .swiper-button-next:hover { background-color: #ff6359;}
section.page.aborto .swiper.tendencias .swiper-button-next:hover::after { color:#fff;}
section.page.aborto .swiper.tendencias .swiper-button-next::after { font-size: 14px; font-weight: bold; margin-left: 1px;}
section.page.aborto .swiper.tendencias .swiper-button-prev { bottom: 0; top:auto; background-color:#fff; color:#444; border:#ff6359 solid 2px; min-width: 35px; height: 35px;padding:3px; border-radius: 100px; left:0; }
section.page.aborto .swiper.tendencias .swiper-button-prev:hover { background-color: #ff6359;}
section.page.aborto .swiper.tendencias .swiper-button-prev:hover::after { color:#fff;}
section.page.aborto .swiper.tendencias .swiper-button-prev::after { font-size: 14px; font-weight: bold; margin-right: 1px;}
/* SWIPER TIK TOK */
section.page.comunicacion .swiper.tiktok { width: 100%; height: 500px; padding-bottom:45px; }
section.page.comunicacion .swiper.tiktok .swiper-slide img { border-radius: 6px; }
section.page.comunicacion .swiper.tiktok .swiper-slide .wrapper { }
section.page.comunicacion .swiper.tiktok .swiper-pagination { bottom: 0px;}
section.page.comunicacion .swiper.tiktok .swiper-pagination-bullet { border:#e4e4e4 solid 2px; width:14px; height: 14px; padding:2px; background: transparent; opacity:1}
section.page.comunicacion .swiper.tiktok .swiper-pagination-bullet-active { background-color: #ff6359; border-color:#ff6359; }
section.page.comunicacion .swiper.tiktok .swiper-button-next { bottom: 0; top:auto; background-color:#fff; color:#444; border:#ff6359 solid 2px; min-width: 35px; height: 35px;padding:3px; border-radius: 100px; right:0; }
section.page.comunicacion .swiper.tiktok .swiper-button-next:hover { background-color: #ff6359;}
section.page.comunicacion .swiper.tiktok .swiper-button-next:hover::after { color:#fff;}
section.page.comunicacion .swiper.tiktok .swiper-button-next::after { font-size: 14px; font-weight: bold; margin-left: 1px;}
section.page.comunicacion .swiper.tiktok .swiper-button-prev { bottom: 0; top:auto; background-color:#fff; color:#444; border:#ff6359 solid 2px; min-width: 35px; height: 35px;padding:3px; border-radius: 100px; left:0; }
section.page.comunicacion .swiper.tiktok .swiper-button-prev:hover { background-color: #ff6359;}
section.page.comunicacion .swiper.tiktok .swiper-button-prev:hover::after { color:#fff;}
section.page.comunicacion .swiper.tiktok .swiper-button-prev::after { font-size: 14px; font-weight: bold; margin-right: 1px;}
@media only screen and (max-width: 640px) {
section.page { padding:20px; max-width: 95%; margin: auto;}
section.page p { font-size: 16px; line-height: 26px;}
section.page h2.title { font-size: 34px; line-height: 44px;}
section.page h2.title p { font-size: 24px; line-height: 34px;}
section.page table { width: 100%; overflow: hidden;}
/* EN EL RADAR */
section.page.radar .grid ul li { width: 100%;}
}
/* FOOTER */
footer { min-height: 180px; background: #333; padding-top:40px; padding-bottom: 40px;}
footer .wrapper { max-width: 80%; margin: auto; z-index: 15; position: relative;}
footer .wrapper p { font-size: 14px; color:#fff; font-weight: 400;}
footer .wrapper p a { font-size: 14px; color:#fff; font-weight: 400; display: inline-block; }
footer .wrapper .row { font-size: 0;}
footer .wrapper .row .col { display: inline-block; vertical-align: top; }
footer .wrapper .row .col .wrapper { padding:30px;}
footer .wrapper .row .col h2 { font-size: 20px; color:#fff;}
footer .wrapper .row .col img { width:100%; max-width: 120px;}
footer .wrapper .row .col .newsletter { max-width: 450px; float: right;}
footer .wrapper .row .col input { width: 100%; height: 35px; border:none; border-radius: 6px; text-indent: 5px;}
footer .wrapper .row .col:nth-child(1) { width:35%;}
footer .wrapper .row .col:nth-child(1) p { max-width:450px;}
footer .wrapper .row .col:nth-child(2) { width:25%; text-align: center;}
footer .wrapper .row .col:nth-child(3) { width:40%; text-align: right;}
/* FOOT NOTES */
.footnote { margin-top:30px;}
.footnote hr { height: 2px; border:none; background: #e4e4e4;}
.footnote p { font-size:14px !important; }
.footnote p a { color:#00556c; text-decoration: underline;}
.footnote p a:hover { font-weight: 300;}
@media only screen and (max-width: 640px) {
section.home .slide .content .row.c6x4 .col:last-child { text-align: left;}
header .megamenu ul.sub { display: none;}
header .megamenu ul.main { padding-left: 25px; padding-right: 0px;}
header .megamenu ul { border:none; margin: 0;}
header .megamenu ul li a { font-size: 14px;}
footer .wrapper .row .col:nth-child(1) p { width:100%;}
section.hero .intro { max-width: 95%; position: relative;}
section.hero .intro .row .col:first-child { width:100%; }
section.hero .intro .row .col:last-child { width:100%; border-radius: 6px;}
section.hero .intro .row { background: transparent;}
section.hero .background { position: absolute; top:0; bottom: 0; left:0; right:0;}
.row.c2x8 .panel { left:15px !important; right:15px !important; width: 90% !important;}
.row.c2x8 .col:last-child .referencia { width: 90% !important; margin-bottom:25px; }
.row.c2x8 .col:first-child {display:none;}
.row.c2x8 .col:last-child { width: 100% !important;}
footer .wrapper { max-width: 95%; margin: auto;}
footer .wrapper .row .col { text-align: center; }
footer .wrapper .row .col:nth-child(1) { width:100%;}
footer .wrapper .row .col:nth-child(2) { width:100%;}
footer .wrapper .row .col:nth-child(3) { width:100%;}
footer .wrapper .row .col .newsletter { max-width: 100%; float:none; }
.radiografia .box .row .col .wrapper.gray h2 a { width:90%}
#vmapaborto {height:650px; padding-top:80px;}
.row.c5x5 .col:first-child { width: 100% !important;}
.row.c5x5 .col:last-child { width: 100% !important;}
.row.c5x5 .col:last-child .wrapper { padding-left:0px !important;}
.row.c5x5 .col:first-child .wrapper { padding-right:0px !important;}
.image { max-width: 100% !important;}
.row.c3x7 .col:first-child { width: 100% !important; margin-bottom:30px; }
.row.c3x7 .col:last-child { width: 100%!important; }
.module .row .col:first-child { width: 100%!important; }
.module .row .col:last-child { width: 100%!important; }
.module .col p { color:#fff;}
.highlight .row .col:first-child { width: 100%!important; }
.highlight .row .col:last-child { width: 100%!important; }
.highlight .row .col a { margin-bottom:20px; width:100%; text-align: center; text-indent: 0;}
ul.media li { width: 100% !important;}
}