/************************************************** BASE **********************************************************/ 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, 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;} article, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} a {color:#000;} A:link {text-decoration: none;} A:visited {text-decoration: none;} A:active {text-decoration: none;} A:hover {text-decoration: none;} body {font: 14px/21px "Trebuchet MS",Arial,sans-serif;color: #000;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%;background:#efefef;} /********************************************** ESTRUCTURA **************************************************/ .contenedor {position: relative;width: 1000px;margin: 0 auto;padding: 0;} .columnas {float: left; display: inline; margin: 0px;} .columna {margin: 0px;} .header {float: left; display: inline; margin: 0px;} .contenedor .lg.header {width: 235px;} .contenedor .mn.header {width: 765px;} .contenedor .uno.columnas {width: 100%;} .contenedor .dos.columnas {width: 50%;} .contenedor .tres.columnas {width: 33%;} .contenedor .cuatro.columnas {width: 25%;} .contenedor .cuerpo.columnas {width: 65%; margin-right:1%;} .modulos{float: left; display: inline; margin: 0.5%; padding:0.5%;} .contenedor .uno.modulos {width: 98%;} .contenedor .dos.modulos {width: 48%;} .contenedor .tres.modulos {width: 31%;} .contenedor .cuatro.modulos {width: 23%;} .logo {width:100%; max-width:200px;} .bg-site {position: relative;left: 0px;width: 100%; height:200px; width: calc(100% - 2px);border: solid black 1px;background-image: url(../img/header-1.jpg); background-repeat:no-repeat;padding: 0px;text-align: center;} /********** ALOJAMIENTOS **********/ .alojamientos, .alojamientos-titulo, .alojamientos-destacados, .alojamientos-inicial{width:100%;} .alojamientos ul, .alojamientos-titulo ul, .alojamientos-destacados ul, .alojamientos-inicial ul {width:100%;float:left;display: inline-block; list-style:none; margin:0px; padding:0px;} .alojamientos li, .alojamientos li a, .alojamientos-titulo li, .alojamientos-titulo li a, .alojamientos-destacados li, .alojamientos-destacados li a, .alojamientos-inicial li, .alojamientos-inicial li a{font-family: 'Open Sans', sans-serif;float:left;} .alojamientos ul:hover, .alojamientos-titulo ul:hover, .alojamientos-destacados ul:hover, .alojamientos-inicial ul:hover{background: -moz-linear-gradient(left,  rgba(41,146,202,0.3) 0%, rgba(41,146,202,0) 100%); background: -webkit-linear-gradient(left,  rgba(41,146,202,0.3) 0%,rgba(41,146,202,0) 100%); background: linear-gradient(to right,  rgba(41,146,202,0.3) 0%,rgba(41,146,202,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d2992ca', endColorstr='#002992ca',GradientType=1 );} div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;} div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px;} div.alojamientos-destacados li:nth-of-type(even) {float:left;width:20%;padding:0px; text-align:left;} div.alojamientos-destacados li:nth-of-type(odd) {float:left;width:75%;padding:0px;} div.alojamientos-inicial li:nth-of-type(0n+2) {width:40%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos-inicial li:nth-of-type(0n+1) {width:50%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos-inicial li:nth-of-type(0n+1) a {font-weight:bold;} div.alojamientos-inicial li:last-child {width:7%;padding:0px;} .sin-rubro{width:99%; font-family: 'Open Sans', serif; color:#000; font-size:25px;line-height:30px;float:left;margin:0px; font-weight:bold; padding:0 0 0 1%;background:url(https://www.termasgualeguaychu.com/util/img/ico/sin-alojamientos.png) no-repeat left center;} /********** TEXTOS **********/ .texto{float:left;font-size:16px;line-height:22px;font-family: 'Open Sans', sans-serif;} p.texto:first-letter{float:left;color:black;font-size:55px;padding:10px 2px 1px 1px;font-family:"Open Sans",sans-serif;margin-right:2px; font-weight:bold;} .texto a{color:#38330a; font-weight:bold;} .texto-ini{font-size:12px;line-height:14px;font-family:"Open Sans",sans-serif;margin:4px;} p.texto-ini{margin:4px;} p.texto-ini:first-letter{float:left;font-size:30px;padding:8px 3px 0px 0px;font-family:"Open Sans",sans-serif;margin:0px; font-weight:bold;} .texto-ini a{color:#38330a; font-weight:bold;} /********** TITULOS **********/ h1, h2, h3, h4, h5, h6, h7, h8{font-family: 'Open Sans', serif;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a{font-weight: inherit;} h1 {font-size: 28px; line-height: 39px;} h2 {font-size: 26px; line-height: 28px;} h3 {font-size: 23px; line-height: 25px;} h4 {font-size: 20px; line-height: 22px;} h5 {font-size: 18px; line-height: 20px;} h6 {font-size: 14px; line-height: 16px;} h7 {font-size: 12px; line-height: 14px;} h8 {font-size: 11px; line-height: 13px;} .titulos{text-shadow: 2px 2px 2px #000; font-weight:bold;} .titulos-2{text-shadow: 2px 2px 2px #000; font-weight:bold; text-align:center;} .titulos-3{text-shadow: 1px 1px 1px #000; font-weight:bold;} .titulos-4{text-shadow: 1px 1px 1px #000; font-weight:bold; text-align:center;} .titulos-5{font-weight:bold; text-align:center;} .titulos-6{font-weight:bold;} .titulos-7{font-weight:bold; text-transform:uppercase;text-shadow: 1px 1px 1px #000;} .titulos-8{font-weight:bold; text-transform:uppercase;text-shadow: 1px 1px 1px #000; text-align:center;} .titulos-9{text-transform:uppercase;text-shadow: 1px 1px 1px #a0a0a0;} .titulos-10{text-shadow: 1px 1px 1px #a0a0a0;} /********** SEPARADORES **********/ .sep-nja, .sep-vde, .sep-rjo, .sep-grs, .sep-azl, .sep-bge{height:4px;width:100%; margin:2px 0 2px 0;} .sep-nja-2, .sep-vde-2, .sep-rjo-2, .sep-grs-2, .sep-azl-2, .sep-bge-2{height:2px;width:100%; margin:2px 0 2px 0;} .sep-nja-3, .sep-vde-3, .sep-rjo-3, .sep-grs-3, .sep-azl-3, .sep-bge-3{height:1px;width:100%; margin:2px 0 2px 0;} .sep-nja, .sep-nja-2, .sep-nja-3{background-color:#ff6c00;} .sep-vde, .sep-vde-2, .sep-vde-3{background-color:#306600;} .sep-rjo, .sep-rjo-2, .sep-rjo-3{background-color:#653333;} .sep-grs, .sep-grs-2, .sep-grs-3{background-color:#515151;} .sep-azl, .sep-azl-2, .sep-azl-3{background-color:#013d6b;} .sep-bge, .sep-bge-2, .sep-bge-3{background-color:#6b4701;} .puntos{ border: 1px dotted #e4e3e3;} .puntos-2{border: 1px dotted #e4e3e3; margin:4px 0 4px 0;} /********** ESPACIOS **********/ .br-1 {display:block; margin-top:1px; line-height:2px;} .br-2 {display:block; margin-top:5px; line-height:11px;} .br-3 {display:block; margin-top:10px; line-height:22px;} .br-4 {display:block; margin-top:15px; line-height:33px;} .br-5 {display:block; margin-top:1px;} /********** ESPACIOS **********/ .pd-1 {padding:2px;} .pd-2 {padding:4px;} /********** MENU **********/ #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:3;} #cssmenu:after,#cssmenu > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #cssmenu #menu-button {display: none;} #cssmenu {width: auto; font-family: 'Open Sans', Helvetica, sans-serif;} #cssmenu.align-right > ul > li {float: right;} #cssmenu > ul > li {float: left; display: inline-block;} #cssmenu.align-center > ul {float: none; text-align: center;} #cssmenu.align-center > ul > li {float: none;} #cssmenu.align-center ul ul {text-align: left;} #cssmenu > ul > li > a {padding: 18px 20px 21px 20px;text-decoration: none; font-size: 12px; font-weight: 700; color: #0f5477; text-transform: uppercase; letter-spacing: 1px;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a {color: #2992ca; background: #2992ca; background: rgba(0, 0, 0, 0.1);} #cssmenu > ul > li.has-sub > a {padding-right: 34px;} #cssmenu > ul > li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #0f5477; right: 17px; top: 21px;} #cssmenu > ul > li.has-sub.active > a::after,#cssmenu > ul > li.has-sub:hover > a {border-top-color: #ffffff;} #cssmenu ul ul {position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in;} #cssmenu.align-right ul ul {text-align: right;} #cssmenu > ul > li > ul::after {content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px;} #cssmenu.align-right > ul > li > ul::after {left: auto; right: 20px;} #cssmenu ul ul ul::after {content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px;} #cssmenu.align-right ul ul ul::after {border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px;} #cssmenu > ul > li > ul {top: 120px;} #cssmenu > ul > li:hover > ul {top: 52px; left: 0; opacity: 1;} #cssmenu.align-right > ul > li:hover > ul {left: auto; right: 0;} #cssmenu ul ul ul {padding-top: 0; padding-left: 6px;} #cssmenu.align-right ul ul ul {padding-right: 6px;} #cssmenu ul ul > li:hover > ul {left: 180px; top: 0; opacity: 1;} #cssmenu.align-right ul ul > li:hover > ul {left: auto; right: 100%; opacity: 1;} #cssmenu ul ul li a {text-decoration: none; font-weight: 400; padding: 10px 5px; width: 180px; color: #777777; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); z-index:1;} #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color: #333333;} #cssmenu ul ul li:first-child > a {border-top-left-radius: 3px; border-top-right-radius: 3px;} #cssmenu ul ul li:last-child > a {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} #cssmenu > ul > li > ul::after {position: absolute; display: block;} #cssmenu ul ul li.has-sub > a::after {content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px;} #cssmenu.align-right ul ul li.has-sub > a::after {border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px;} #cssmenu ul ul li.has-sub.active > a::after,#cssmenu ul ul li.has-sub:hover > a::after {border-left-color: #333333;} #cssmenu.align-right ul ul li.has-sub.active > a::after,#cssmenu.align-right ul ul li.has-sub:hover > a::after {border-right-color: #333333; border-left-color: transparent;} @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu {background: #2992ca;} #cssmenu > ul {display: none;} #cssmenu > ul.open {display: block;border-top: 1px solid rgba(0, 0, 0, 0.1);} #cssmenu.align-right > ul {float: none;} #cssmenu.align-center > ul {text-align: left;} #cssmenu > ul > li, #cssmenu.align-right > ul > li {float: none;display: block;} #cssmenu > ul > li > a {padding: 18px 25px 18px 25px;border-right: 0;} #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {background: rgba(0, 0, 0, 0.1);} #cssmenu #menu-button {display: block;text-decoration: none;font-size: 13px;font-weight: 700;color: #b5def4;padding: 18px 25px 18px 25px;text-transform: uppercase;letter-spacing: 1px;background: url('../img/bg-menu.png');cursor: pointer;} #cssmenu ul ul,#cssmenu ul li:hover > ul,#cssmenu > ul > li > ul,#cssmenu ul ul ul,#cssmenu ul ul li:hover > ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul li:hover > ul,#cssmenu.align-right > ul > li > ul,#cssmenu.align-right ul ul ul,#cssmenu.align-right ul ul li:hover > ul {left: 0;right: auto;top: auto;opacity: 1;width: 100%;padding: 0;position: relative;text-align: left;} #cssmenu ul ul li {width: 100%;} #cssmenu ul ul li a {width: 100%;box-shadow: none;padding-left: 35px;} #cssmenu ul ul ul li a {padding-left: 45px;} #cssmenu ul ul li:first-child > a,#cssmenu ul ul li:last-child > a {border-radius: 0;} #cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #b5def4;border-bottom: 2px solid #d3eced;right: 25px;top: 18px;} #cssmenu #menu-button::before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #b5def4;right: 25px;top: 28px;} #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after {display: none;} } /* COLORES DE FONDO */ .bg-rjo{background-color:#f5e3e3;} .bg-rjo2{background-color:#e2c7c7;} .bg-rjo3{background: rgb(249,240,237);background: -moz-linear-gradient(top,  rgba(249,240,237,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(249,240,237,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(249,240,237,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f0ed', endColorstr='#ffffff',GradientType=0 );} .bg-azl{background-color:#e7ecf8;} .bg-azl2{background-color:#b8c5d0;} .bg-azl3{background: rgb(224,241,253);background: -moz-linear-gradient(top,  rgba(224,241,253,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(224,241,253,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(224,241,253,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f1fd', endColorstr='#ffffff',GradientType=0 );} .bg-vde {background-color:#e9f6f5;} .bg-vde2 {background-color:#cfe8e6;} .bg-vde3{background: rgb(224,239,205); background: -moz-linear-gradient(top,  rgba(224,239,205,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(224,239,205,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(224,239,205,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0efcd', endColorstr='#ffffff',GradientType=0 );} .bg-grs{background-color:#f2f2f2;} .bg-grs2{background-color:#dedcdc;} .bg-grs3{background: rgb(238,238,238);background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );} .bg-nja{background-color:#ffa300;} .bg-nja2{background-color:#f5cf8b;} .bg-nja3{background: rgb(246,219,181);background: -moz-linear-gradient(top,  rgba(246,219,181,1) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top,  rgba(246,219,181,1) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom,  rgba(246,219,181,1) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dbb5', endColorstr='#ffffff',GradientType=0 );} .bg-bge{background-color:#ece2c7;} .bg-bge2{background-color:#fcf8ed;} .bg-bge3{background: rgb(242,242,224); background: -moz-linear-gradient(top,  rgba(242,242,224,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(242,242,224,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(242,242,224,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2e0', endColorstr='#ffffff',GradientType=0 );} .bg-bge4{background: rgb(139,139,104);background: -moz-linear-gradient(top,  rgba(139,139,104,1) 0%, rgba(212,211,167,1) 100%);background: -webkit-linear-gradient(top,  rgba(139,139,104,1) 0%,rgba(212,211,167,1) 100%);background: linear-gradient(to bottom,  rgba(139,139,104,1) 0%,rgba(212,211,167,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b8b68', endColorstr='#d4d3a7',GradientType=0 );} .bg-mrn{background-color: #C6B5A6} .bg-mrn2{background-color: #B4A796} .bg-mrn3{background-color: #D2C2B7} .bg-bco{background-color: #ffffff;} /* COLORES */ .ngr {color:#000;} .bco {color:#fff;} .azl {color:#2992ca;} .azl2 {color:#0f5477;} .vde {color:#19aba0;} .vde2 {color:#336768;} .nja{color:#ffc000;} .nja2{color:#923510;} .nja3{color:#581e0a;} .rjo{color:#b54f4f;} .rjo2{color:#541818;} .grs{color:#d6d6d6;} .grs2{color:#8d8d8d;} .bge{color:#d9c3a2;} .bge2{color:#957e5c;} .bge3{color:#4b3310;} /********** LISTA **********/ .lista, .lista-a, lista-2, lista-2a {width:100%;float:left; margin:0px; padding:0px;} .lista ul, .lista-a ul, .lista-2 ul, .lista-2a ul {width:100%;float:left; list-style-type: none; margin:0px; padding:0px;} .lista ul li, .lista-a ul li, .lista-2 ul li, .lista-2a ul li {padding:0px 0px 0px 14px; float:left;line-height:20px;font-family:font-family: 'Open Sans', sans-serif;font-size:14px; color:#000;} .lista ul li, .lista-2 ul li {background:url(../img/flecha-01.png) no-repeat top left;} .lista-a ul li, .lista-2a ul li {background:url(../img/flecha-02.png) no-repeat top left;} .lista ul li a:hover, .lista-a ul li a:hover, .lista-2 ul li a:hover, .lista-2a ul li a:hover {color:#0f5477;} .lista ul li, .lista-a ul li{width:100%;} .lista-2 ul li, .lista-2a ul li{width:30%;} .lista ul li a, .lista ul li a:link, .lista ul li a:visited, .lista ul li a:hover, .lista ul li a:active, .lista-a ul li a, .lista-a ul li a:link, .lista-a ul li a:visited, .lista-a ul li a:hover, .lista-a ul li a:active, .lista-2 ul li a, .lista-2 ul li a:link, .lista-2 ul li a:visited, .lista-2 ul li a:hover, .lista-2 ul li a:active, .lista-2a ul li a, .lista-2a ul li a:link, .lista-2a ul li a:visited, .lista-2a ul li a:hover, .lista-2a ul li a:active {color:#000;} /********** PUB **********/ .pub, .pub-2 {width:100%;float:left; margin:0px; padding:0px;} .pub ul, .pub-2 ul {width:100%;float:left; list-style-type: none; margin:0px; padding:0px;} .pub ul li, .pub-2 ul li {float:left;line-height:20px;font-family:font-family: 'Open Sans', sans-serif;font-size:14px; border-bottom: 4px solid #fff;width:100%;} .pub ul li {color:#fff;} .pub-2 ul li {color:#000;} .pub ul li:nth-of-type(even) {background:#2992ca;} .pub ul li:nth-of-type(odd) {background:#6bb1d6;} .pub-2 ul li:nth-of-type(even) {background:#efefef;} .pub-2 ul li:nth-of-type(odd) {background:#e4e4e4;} .pub ul li a, .pub ul li a:link, .pub ul li a:visited, .pub ul li a:hover, .pub ul li a:active{color:#fff;} .pub-2 ul li a, .pub-2 ul li a:link, .pub-2 ul li a:visited, .pub-2 ul li a:hover, .pub-2 ul li a:active{color:#000;} /********** IMAGENES **********/ .img-destacado {float:left;margin:4px; padding:2px; border:1px solid #2992ca;} .img-destacado-2 {float:left;margin:4px; padding:2px;} .mas-info{float:right;margin:4px; padding:2px;} .fotos, .fotos-2{max-width:300px; padding:0px;border:2px solid #2992ca;} .fotos{float:left;; margin:0 10px 0 0;} .fotos-2{float:right;; margin:0 0 0 10px;} .img-ini {width:90%; padding:4px; margin:4px; border: 1px solid #2992ca;} .clip {position: relative;height:100px;width:145px;float:left;} .clip img {position: absolute;clip: rect(0px 130px 95px 0px);height:100%; min-width:145px;} /********** TABLETS **********/ @media only screen and (min-width: 768px) and (max-width: 999px) { .contenedor {width:100%;} .columnas, .columna, .header {margin: 0px;} .contenedor .lg.header{width: 100%; text-align:center;} .contenedor .mn.header{width: 100%;} .contenedor .uno.columnas {width: 100%;} .contenedor .dos.columnas {width: 50%;} .contenedor .tres.columnas {width: 33%;} .contenedor .cuatro.columnas {width: 25%;} .contenedor .cuerpo.columnas {width: 65%; margin-right:1%;} .lista ul li, .lista-a ul li{width:100%;} .lista-2 ul li, .lista-2a ul li{width:46%;} div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;} div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px; text-align:center;} } /********** CELULARES **********/ @media only screen and (max-width: 767px) { .contenedor {width:100%;} .columnas, .columna, .header {margin: 0px;} .contenedor .lg.header{width: 100%; text-align:center;} .contenedor .mn.header{width: 100%;} .contenedor .uno.columnas, .contenedor .dos.columnas, .contenedor .tres.columnas, .contenedor .cuatro.columnas {width: 100%;} .contenedor .cuerpo.columnas {width: 99%; margin-right:1%;} .lista ul li, .lista-a ul li{width:95%;} .lista-2 ul li, .lista-2a ul li{width:45%;} div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:30%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:47%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:100%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;} div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:10%;padding:0px;} } /********** CELULARES (landscapes) **********/ @media only screen and (min-width: 480px) and (max-width: 767px) { .contenedor {width:100%;} .columnas, .columna, .header {margin: 0px;} .contenedor .lg.header{width: 100%; text-align:center;} .contenedor .mn.header{width: 100%;} .contenedor .uno.columnas, .contenedor .dos.columnas, .contenedor .tres.columnas {width: 100%;} .contenedor .cuatro.columnas {width: 50%;} .contenedor .cuerpo.columnas {width: 100%; margin-right:1%;} .lista ul li, .lista-a ul li{width:90%;} .lista-2 ul li, .lista-2a ul li{width:30%;} div.alojamientos li:nth-of-type(0n+3), div.alojamientos-titulo li:nth-of-type(0n+3) {width:20%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+2), div.alojamientos-titulo li:nth-of-type(0n+2) {width:27%;padding:0px 0px 0px 4px;color:#000; font-size:12px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1), div.alojamientos-titulo li:nth-of-type(0n+1) {width:37%;padding:0px 0px 0px 4px;color:#7c7c7c; font-size:15px;line-height:30px;margin:0px;} div.alojamientos li:nth-of-type(0n+1) a, div.alojamientos-titulo li:nth-of-type(0n+1) a {font-weight:bold;} div.alojamientos li:last-child, div.alojamientos li:nth-last-child(2), div.alojamientos-titulo li:last-child, div.alojamientos-titulo li:nth-last-child(2){width:7%;padding:0px;} h1 {font-size: 22px; line-height: 33px;} } @media only screen and (max-width: 480px) { div.alojamientos-titulo {display:none;} .fotos, .fotos-2{max-width:478px; width:100%; padding:0; margin:10px 0 10px 0;} .modulos{float: left; display: inline; margin: 0; padding:0;} .contenedor .uno.modulos, .contenedor .dos.modulos, .contenedor .tres.modulos, .contenedor .cuatro.modulos {width: 100%;} .img-ini {width:95%; padding:4px; margin:4px; border: 1px solid #2992ca;} h1 {font-size: 20px; line-height: 31px;} } img, div, header { border: 0; margin: 0; padding: 0 } a { text-decoration: none } a, a:visited { color: #333 } a:hover { cursor: pointer } img { vertical-align: middle } .aaa014 { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px); background-color: #fff; background-color: var(--mdc-theme-surface, #fff); box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) } .aaa014 .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa014::after { border-radius: 4px; border-radius: var(--mdc-shape-medium, 4px) } .aaa009 { box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12); border-width: 1px; border-style: solid; border-color: #e0e0e0 } .aaa014 { display: flex; flex-direction: column; box-sizing: border-box; position: relative } .aaa014::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 1px solid transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa014::after { border-color: CanvasText } } .aaa009::after { border: none } .aaa099 { display: flex; flex-direction: column; box-sizing: border-box; position: relative; outline: none; color: inherit; text-decoration: none; cursor: pointer; overflow: hidden } .aaa099:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit } .aaa099:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit } .aaa099 { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity } .aaa099 .aaa034::before, .aaa099 .aaa034::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: "" } .aaa099 .aaa034::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; z-index: var(--mdc-ripple-z-index, 1) } .aaa099 .aaa034::after { z-index: 0; z-index: var(--mdc-ripple-z-index, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::before { transform: scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { top: 0; left: 0; transform: scale(0); transform-origin: center center } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-ZNMTqd .aaa034::after { top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-lJfZMc .aaa034::after { animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-Tv8l5d-OmS1vf .aaa034::after { animation: mdc-ripple-fg-opacity-out .15s; transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { top: -50%; left: -50%; width: 200%; height: 200% } .aaa099.VfPpkd-ksKsZd-mWPk3d .aaa034::after { width: var(--mdc-ripple-fg-size, 100%); height: var(--mdc-ripple-fg-size, 100%) } .aaa099 .aaa034::before, .aaa099 .aaa034::after { background-color: #000; background-color: var(--mdc-ripple-color, #000) } .aaa099:hover .aaa034::before, .aaa099.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE .aaa034::before { opacity: .04; opacity: var(--mdc-ripple-hover-opacity, .04) } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe .aaa034::before, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus .aaa034::before { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-focus-opacity, .12) } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d) .aaa034::after { transition: opacity .15s linear } .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):active .aaa034::after { transition-duration: 75ms; opacity: .12; opacity: var(--mdc-ripple-press-opacity, .12) } .aaa099.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12) } .aaa099 .aaa034 { box-sizing: content-box; height: 100%; overflow: hidden; left: 0; pointer-events: none; position: absolute; top: 0; width: 100% } .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { position: absolute; box-sizing: border-box; width: 100%; height: 100%; top: 0; left: 0; border: 5px double transparent; border-radius: inherit; content: ""; pointer-events: none } @media screen and (forced-colors:active) { .aaa099.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::after, .aaa099:not(.VfPpkd-ksKsZd-mWPk3d):focus::after { border-color: CanvasText } } .aaa010 { border-radius: 8px; background-color: #fff; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15) } .aaa010 .aaa035 { opacity: 0 } .aaa011 { border-radius: 8px; background-color: #fff; border: 1px solid rgb(218, 220, 224); box-shadow: none } .aaa011 .aaa035 { opacity: 0 } .aaa015 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: none } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa035 { opacity: .11; background-color: transparent } a, div, img, header { border: 0; color: inherit; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline } .aaa003 { position: relative; } .aaa004 { display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; } .aaa006 { flex-shrink: 0; scroll-snap-align: start } .aaa020 { background-size: contain } .aaa035 { opacity: 0 } .aaa001 { --gap-width: 12px } .aaa002 { overflow: visible } .aaa005 { display: flex; gap: var(--gap-width); padding: calc(var(--gap-width)/2) 0; padding-left: 18px; scroll-snap-type: unset } .aaa007 { padding-left: calc(var(--gap-width)/2); margin-right: calc(var(--gap-width)/2*-1) } @media screen and (max-width:600px) { .aaa004::-webkit-scrollbar { display: none }  } @media screen and (min-width:600px) { .aaa001 { --gap-width: 16px } .aaa005 { padding-left: 40px } } @media screen and (min-width:1280px) { .aaa001 { --gap-width: 24px } .aaa002 { margin-left: 18px; margin-right: 18px; overflow: visible } } @media screen and (min-width:1280px) and (min-width:600px) { .aaa002 { margin-left: 40px; margin-right: 40px } } @media screen and (min-width:1280px) and (min-width:1280px) { .aaa002 { margin-left: 60px; margin-right: auto; max-width: calc(100vw - 120px) } } @media screen and (min-width:1280px) and (min-width:1440px) { .aaa002 { margin-left: auto; max-width: 1320px } } @media screen and (min-width:1280px) { .aaa005 { padding-left: unset; scroll-snap-type: x mandatory } } .aaa035 { width: 100%; height: 100%; top: 0; left: 0 } .aaa023 { align-items: center; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa024 { display: inline-block; vertical-align: center; } .aaa026 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .aaa027, .aaa028 { font-family: Roboto, Arial, sans-serif; line-height: 1rem; font-size: .75rem; letter-spacing: .025em; font-weight: 400; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: .2px } .aaa030 .aaa031, .aaa027, .aaa028 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104) } .aaa030 .aaa031:not(:disabled), .aaa027:not(:disabled), .aaa028:not(:disabled) { color: rgb(95, 99, 104) } .aaa030 .aaa031 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa030 .aaa031:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa027:not(:disabled) { color: rgb(154, 160, 166) } .aaa028 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa028:not(:disabled) { color: rgb(154, 160, 166) } .aaa027 { padding: 0 8px } .aaa030 .aaa031 { font-size: .625rem } .aaa029, .aaa030 { align-items: center; display: inline-flex; height: 100% } .aaa030 { padding-left: 2px } .aaa025 { color: rgb(0, 0, 0); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: -.2px } .aaa032 { margin-left: 12px } .aaa019 { column-gap: 16px; display: grid; grid-template-columns: max-content auto; margin: 16px 0 } .aaa021 { border-radius: 12px; border-width: 0; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15); height: 56px; width: 56px } .aaa021 .aaa035 { opacity: 0 } .aaa022 { display: grid; grid-template-rows: max-content; height: fit-content; row-gap: 2px } .aaa035 { opacity: 0 } .aaa013 { --gap-width: 12px; --card-width: calc(100vw - 48px); border: 0; display: flex; width: var(--card-width) } .aaa016 { border-radius: 8px; margin: 0 calc(var(--gap-width)/2*-1); padding: 0 calc(var(--gap-width)/2) } .aaa017 { display: flex; position: relative } .aaa017 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem } .aaa017 { color: rgb(95, 99, 104) } .aaa017 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa017 { color: rgb(154, 160, 166) } .aaa018 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); stop-color: rgb(95, 99, 104); font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; font-family: Roboto, Helvetica, Arial, sans-serif; align-items: center; display: flex; flex: 0 0 24px; flex-direction: column; margin: 34px 8px 0 0 } .aaa018:not(:disabled) { color: rgb(95, 99, 104) } .aaa018 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166); stop-color: rgb(154, 160, 166) } .aaa018:not(:disabled) { color: rgb(154, 160, 166) } .aaa097:not(:disabled) { color: rgb(32, 33, 36); } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500; } .t5eBue .mZr3Me.aaa093 .TwyJFf { font-size: 24px; font-weight: 300 } .t5eBue .hAJqZ.aaa093, .t5eBue .r2Osbf.aaa093 { font-weight: 500 } .ovVTif .jGu02.qs41qe { color: #689f38 } .t5eBue.ovVTif .hAJqZ.aaa093, .t5eBue.ovVTif .r2Osbf.aaa093 { color: #8d9d29 } .wWRLCd .jGu02.qs41qe { color: #ed3b3b } .t5eBue.wWRLCd .hAJqZ.aaa093, .t5eBue.wWRLCd .r2Osbf.aaa093 { color: #a84137 } .LW9aSc .jGu02.qs41qe { color: #039be5 } .t5eBue.LW9aSc .hAJqZ.aaa093, .t5eBue.LW9aSc .r2Osbf.aaa093 { color: #1380b5 } .aaa094 { color: rgb(95, 99, 104); fill: rgb(95, 99, 104); background-color: #fff; border: 1px rgb(218, 220, 224) solid; border-radius: 8px; box-sizing: border-box; cursor: pointer; display: inline-block; font-family: "Google Sans", Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; height: 32px; letter-spacing: .25px; line-height: 18px; min-width: auto; outline: none; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: none; transition: background .2s .1s; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; z-index: 0 } .P9KVBf .aaa094 { color: rgb(154, 160, 166); fill: rgb(154, 160, 166) } .P9KVBf .aaa094 { background-color: rgb(32, 33, 36) } .P9KVBf .aaa094 { border: 1px rgb(95, 99, 104) solid } .P9KVBf .aaa094::before, .P9KVBf .aaa094::after { background-color: rgb(218, 220, 224); background-color: var(--mdc-ripple-color, rgb(218, 220, 224)) } .P9KVBf .aaa094:hover::before, .P9KVBf .aaa094.VfPpkd-ksKsZd-XxIAqe-OWXEXe-ZmdkE::before { opacity: .08; opacity: var(--mdc-ripple-hover-opacity, .08) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe::before, .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):focus::before { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-focus-opacity, .24) } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d)::after { transition: opacity .15s linear } .P9KVBf .aaa094:not(.VfPpkd-ksKsZd-mWPk3d):active::after { transition-duration: 75ms; opacity: .24; opacity: var(--mdc-ripple-press-opacity, .24) } .P9KVBf .aaa094.VfPpkd-ksKsZd-mWPk3d { --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24) } .aaa094.qs41qe { border: none; padding: 1px } .aaa094.RDPZE { cursor: auto } .aaa094.aaa093 { color: rgb(26, 115, 232); fill: rgb(26, 115, 232); background-color: rgb(232, 240, 254); border: none; padding: 1px } .P9KVBf .aaa094.aaa093 { color: rgb(138, 180, 248); fill: rgb(138, 180, 248) } .P9KVBf .aaa094.aaa093 { background-color: rgba(138, 180, 248, .24) } .P9KVBf .aaa094:focus { color: #fff; fill: #fff } .aaa094:focus .aaa090 { opacity: .12 } .aaa094 .aaa090 { background-color: rgb(95, 99, 104) } .P9KVBf .aaa094 .aaa090 { background-color: rgb(218, 220, 224) } .aaa090 { bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0 } .UQI9cd .aaa089 { margin: 0 12px } .aaa089 { align-items: center; display: flex; position: relative; margin: 0 16px } .aaa089 .aaa086 { display: inline-block; margin: 6px 4px } .aaa088 { display: inline-flex; flex-shrink: 0; margin: 0 4px 0 0 } .aaa088.aaa087 { display: none } .aaa094.u3bW4e { outline: 1px solid transparent } .aaa095 { display: flex; flex-wrap: wrap; gap: 12px } .aaa092 { border-radius: 9999px } .aaa092 .Ka7T4c, .KnEF3e .Ka7T4c { font-size: 16px } .KuPXpe.aaa091 { color: #056449; fill: #056449; stop-color: #056449 } .KuPXpe.aaa091:not(:disabled) { color: #056449 } .P9KVBf .KuPXpe.aaa091 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .KuPXpe.aaa091:not(:disabled) { color: #00b380 } .mrSlsb.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .mrSlsb.aaa093:not(:disabled) { color: #056449 } .P9KVBf .mrSlsb.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .mrSlsb.aaa093:not(:disabled) { color: #00b380 } .mrSlsb.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .mrSlsb.aaa093 { background-color: #013d2c } .P9KVBf .mrSlsb.aaa093:not(:disabled) { background-color: #013d2c } .aaa091.aaa093 { color: #056449; fill: #056449; stop-color: #056449; background-color: #e6f3ef } .aaa091.aaa093:not(:disabled) { color: #056449 } .P9KVBf .aaa091.aaa093 { color: #00b380; fill: #00b380; stop-color: #00b380 } .P9KVBf .aaa091.aaa093:not(:disabled) { color: #00b380 } .aaa091.aaa093:not(:disabled) { background-color: #e6f3ef } .P9KVBf .aaa091.aaa093 { background-color: #013d2c } .P9KVBf .aaa091.aaa093:not(:disabled) { background-color: #013d2c } .P9KVBf .NWM5Eb.aaa093 { color: #ff708c; fill: #ff708c; stop-color: #ff708c } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { color: #ff708c } .NWM5Eb.aaa093:not(:disabled) { background-color: #f9e8ee } .P9KVBf .NWM5Eb.aaa093 { background-color: #610b29 } .P9KVBf .NWM5Eb.aaa093:not(:disabled) { background-color: #610b29 } .ArLwsf.aaa093 { color: #035282; fill: #035282; stop-color: #035282; background-color: #e5f1f9 } .ArLwsf.aaa093:not(:disabled) { color: #035282 } .P9KVBf .ArLwsf.aaa093 { color: #50b4f4; fill: #50b4f4; stop-color: #50b4f4 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { color: #50b4f4 } .ArLwsf.aaa093:not(:disabled) { background-color: #e5f1f9 } .P9KVBf .ArLwsf.aaa093 { background-color: #024066 } .P9KVBf .ArLwsf.aaa093:not(:disabled) { background-color: #024066 } .aaa098 { margin-left: 24px; margin-right: 24px; padding-bottom: 20px } .aaa097 { color: rgb(32, 33, 36); fill: rgb(32, 33, 36); stop-color: rgb(32, 33, 36); font-family: "Google Sans", Helvetica, Arial, sans-serif; font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.5rem; font-size: 1.125rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa097:not(:disabled) { color: rgb(32, 33, 36) } .P9KVBf .aaa097 { color: rgb(232, 234, 237); fill: rgb(232, 234, 237); stop-color: rgb(232, 234, 237) } .P9KVBf .aaa097:not(:disabled) { color: rgb(232, 234, 237) } .aaa096 { margin-left: 24px; margin-right: 24px; margin-bottom: 8px } @media screen and (min-width:600px) { .aaa096, .aaa098 { margin-left: 48px; margin-right: 48px } .aaa013 { --gap-width: 16px; --card-width: calc(75vw - 76px) } } @media screen and (min-width:840px) { .aaa013 { --card-width: calc(50vw - 56px) } } @media screen and (min-width:960px) { .aaa013 { --card-width: calc(33.3333333333vw - 42.6666666667px) } } @media screen and (min-width:1280px) { .aaa096, .aaa098 { margin-left: 72px; margin-right: 72px } .aaa097 { font-family: "Google Sans", Roboto, Arial, sans-serif; line-height: 1.75rem; font-size: 1.375rem; letter-spacing: 0; font-weight: 400; font-weight: 500 } .aaa013 { --gap-width: 24px; --card-width: calc(33.3333333333vw - 64px) } .aaa018 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; flex: 0 0 32px; margin-top: 40px } .aaa021 { height: 64px; width: 64px } .aaa022 { row-gap: 0 } .aaa028 { font-size: .875rem; font-weight: 400; letter-spacing: .0142857143em; line-height: 1.25rem; letter-spacing: .2px } .aaa030 .aaa031 { font-size: .75rem } .aaa025 { font-size: 1rem; font-weight: 400; letter-spacing: .00625em; line-height: 1.5rem; letter-spacing: 0 } .aaa032 { margin-left: 16px } } @media screen and (min-width:1440px) { .aaa096, .aaa098 { margin-left: auto; margin-right: auto; max-width: 1296px } .aaa013 { --card-width: 416px } }