/* IAtravel: unified travel-card design, based on the Cruceros cards */
main .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
main .grid>.card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:335px;background:#fff;border:1px solid #e2e7ee;border-radius:17px;overflow:hidden;box-shadow:0 2px 7px #14284014;transition:transform .16s,box-shadow .16s;font-family:Catamaran,Arial,sans-serif}
main .grid>.card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #14284020}
main .grid>.card>img{display:block;width:100%;height:130px;flex:0 0 130px;object-fit:cover;background:#e9f1f8}
main .grid>.card>a:first-child{display:block;height:130px;flex:0 0 130px;overflow:hidden}
main .grid>.card>a:first-child img{display:block;width:100%;height:130px;object-fit:cover}
main .grid>.card>.body,main .grid>.card>.content{position:relative;display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:12px;font-family:Catamaran,Arial,sans-serif}
main .grid>.card h2,main .grid>.card .content h2,main .grid>.card .body h2{position:static;width:auto;height:auto;display:block;margin:0 0 4px;color:#62b500;text-align:left;text-shadow:none;font:600 17px/1.2 Catamaran,Arial,sans-serif}
main .grid>.card .tag{position:absolute;top:-118px;left:9px;z-index:2;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:4px 8px;background:#25a965;color:#fff;border:0;border-radius:4px;font:700 10px/1.2 Catamaran,Arial,sans-serif}
main .grid>.card .body>strong{margin:2px 0 4px;color:#203048;font:700 13px/1.3 Catamaran,Arial,sans-serif}
main .grid>.card .body p,main .grid>.card .content p{margin:3px 0;color:#747474;font:400 12px/1.35 Catamaran,Arial,sans-serif}
main .grid>.card .body .subtitle{margin:0 0 7px;color:#62b500;font-size:12px}
main .grid>.card .body .details,main .grid>.card .body .description,main .grid>.card .content .muted{min-height:0;white-space:normal}
main .grid>.card .body .price,main .grid>.card .body .big{margin:auto 0 5px;align-self:flex-end;color:#747474;font:700 12px/1.35 Catamaran,Arial,sans-serif;text-align:right}
main .grid>.card .content>p:nth-of-type(2){margin:auto 0 5px;align-self:flex-end;color:#747474;font:700 12px/1.35 Catamaran,Arial,sans-serif;text-align:right}
main .grid>.card .body .note,main .grid>.card .body .disclaimer{margin:3px 0 5px;color:#7b8490;font:400 10px/1.25 Catamaran,Arial,sans-serif}
main .grid>.card .btn,main .grid>.card .body>.btn,main .grid>.card .content>.btn{display:inline-block;width:auto;margin:4px 0 0;padding:0;background:transparent;border:0;border-radius:0;color:#62a900;font:650 12px/1.35 Catamaran,Arial,sans-serif;text-decoration:none}
main .grid>.card .btn:hover{text-decoration:underline}
main .grid>.card:before{font-family:Catamaran,Arial,sans-serif}
main .grid>.card .hotel-count{position:static;top:auto;left:auto;transform:none;z-index:auto;display:inline-block;margin:0 0 4px;padding:2px 7px;background:#eaf5e1;color:#579b00;border-radius:4px;font:700 10px/1.3 Catamaran,Arial,sans-serif;white-space:nowrap}
main .grid>.card .body:before{content:none!important}
main .grid>.card .hotel{height:35px;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 0;border-top:1px solid #e3e8ed}
main .grid>.card .hotel a{display:block;max-width:76%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#4389ce;font:500 12px/1.2 Catamaran,Arial,sans-serif;text-decoration:none}
main .grid>.card .hotel .price{flex:0 0 auto;margin:0;color:#27313d;font:700 16px/1 Catamaran,Arial,sans-serif;text-align:right}
main .grid>.card .hotel .price:before{content:'desde';display:block;color:#747474;font:400 9px/1.1 Catamaran,Arial,sans-serif}
@media(max-width:1150px){main .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){main .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){main .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}main .grid>.card{min-height:320px}main .grid>.card>img,main .grid>.card>a:first-child,main .grid>.card>a:first-child img{height:120px;flex-basis:120px}main .grid>.card h2,main .grid>.card .body h2{font-size:16px}main .grid>.card .tag{top:-108px}}
@media(max-width:430px){main .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Circuit cards use an ID-scoped price rule in their original stylesheet. */
main #cards .content>p:nth-of-type(2){margin:auto 0 5px;align-self:flex-end;color:#747474;font:700 12px/1.35 Catamaran,Arial,sans-serif;text-align:right}
main #cards .content>p:nth-of-type(2) b{font:inherit;color:inherit}