@import "/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css";
/* V6.240115 > content > dam > amex > es-es > seguros > multideportes  */

.Hero-custom {margin-bottom: 0px!important;}
#headerbutton.button.pad-2-t.pad-2-b {display:flex!important;}
.container-fluid .collapsible-panel .border.bordered h3 .accordion-content {background: #ffffff !important;}
.icon {display: inline-flex!important;}
.container-fluid .button {/*! display: flex!important; */}
#interesarcontent h4 {line-height: 32px!important;}
#condicionescontent p {padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #cecece;}
#LogoSeguros {margin-top: var(--Sz4)!important;}

/* --Fonts-- */
.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h6 {font-weight: 400 !important; margin-bottom: var(--Sz0);} 
.container-fluid h1, .container-fluid h2, .container-fluid h3 {font-family: var(--FontB);} 
.container-fluid h4, .container-fluid h5, .container-fluid h6 { font-family: var(--FontB); margin-bottom: var(--Sz02) !important;} 
.container-fluid h1 {font-size: 42px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important; text-transform: uppercase;} 
.container-fluid h2 {font-size: 38px !important; line-height: 45px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid h3 {font-size: 37px !important; line-height: 34px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid h4 {font-size: 28px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid h5 {font-size: 21px !important; line-height: 19px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid h6 {font-size: 14px !important; line-height: 14px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 

#notes p {font-size:10px!important; line-height:14px!important; color:#000!important;} 
#notes {padding:20px 20px;} 

#interesarcontent .button {display: flex; align-items: center; justify-content: center;} 

#eligeahoracontenteen .col-md-6.margin-0-tb .card-img-bg {height:624.8px;}




.container-fluid p, .container-fluid ul, .container-fluid ol {font-size: 17px !important; line-height: 1.7 !important; font-weight: 400; font-family: var(--FontB); margin-bottom: var(--Sz0); -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid p.Large, .container-fluid ul.Large, .container-fluid ol.Large {font-size: 21px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid p.Small, .container-fluid ul.Small, .container-fluid ol.Small  {font-size: 14px !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} 
.container-fluid strong, .container-fluid b {font-size: 900 !important; -webkit-font-smoothing: antialiased !important; font-style: normal !important;} .container-fluid ul {list-style: none;} 
.container-fluid ul li {position: relative;} .container-fluid ul li::before {position: absolute; content: "\25AA"; color: var(--LightBlue);} .container-fluid ul li::before {left: -19px;} 
.container-fluid ul.Large li::before {left: -22px;} .container-fluid ul.Small li::before {left: -16px;} 
.container-fluid ol {counter-reset: li; list-style: none;} 
.container-fluid ol li {counter-increment: li; position: relative;} 
.container-fluid ol li::before {position: absolute; content: counter(li); color: var(--LightBlue); transform: scale(0.7); transform-origin: left bottom;} 
.container-fluid ol li::before {left: -17px; top: -3px;} .container-fluid ol.Large li::before {left: -20px;} 
.container-fluid ol.Small li::before {left: -15px;} 
.container-fluid ul.Check li {position: relative; padding-left: var(--Sz03); margin-bottom: var(--Sz02);} 
.container-fluid ul.Check li::before {position: absolute; content: ""; background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/CheckBlue1Big.svg"); background-position: center center; background-size: contain; background-repeat: no-repeat; transform: scale(0.8);} 
.container-fluid ul.Check li::before {width: 17px; height: 17px; left: -20px; top: 5px;} .container-fluid ul.Check.Large li::before {width: 21px; height: 21px; left: -25px; top: 6px;} 
.container-fluid ul.Check.Small li::before {width: 14px; height: 14px; left: -17px; top: 4px;} 
.container-fluid ul.Dark li::before, 
.container-fluid ol.Dark li::before {color: white;} 
.container-fluid ul.Dark li, .container-fluid ol.Dark li {color: white;} 
.container-fluid ul.Check.Dark li::before {background-image: url("https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/img/CheckWitBig.svg");} 


.container-fluid .grid .container .row .col-md-3 .image .pad img {box-shadow: var(--NoBoxShadow);}
.container-fluid .grid .container .row .col-md-3 .margin-3-t {margin-top: var(--Sz4) !important;}

.container-fluid .grid .ListB .thumb h4.display-block .icon {width: 70px; margin-right: 0px;flex-shrink: 0; align-items: flex-start;}
.container-fluid .grid .ListB .thumb p {display:none;}
.container-fluid .grid .ListB .col-md-6.margin-0-tb {margin-bottom:40px!important;}
.container-fluid .grid .ListB .thumb h4.display-block {
  font-size: 16px !important;
  color: var(--Black) !important;
  line-height: 21px !important;
  font-family: var(--FontB);
}
.container-fluid .grid .ListB .thumb h4.display-block b {font-weight: 900!important;}

.container-fluid .collapsible-panel .border.bordered h3, .container-fluid .table thead th {
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: unset;
  line-height: 21px !important;
}
.container-fluid .grid .ListB .thumb h4.display-block {
  align-items: flex-start!important;
}

.container-fluid #practicacontent.ListF {padding:0 0 var(--Sz3) 0;}
.container-fluid #practicacontent.ListF  ul li p {font-size: 14px !important; line-height: 18px !important;}
#ventajastitle .container
 {background-color:#fff !important; padding:0px 40px; position: relative;}
#ventajascontent .container,
#coberturascontent .col-md-6.margin-0-tb  {background-color:#fff !important; padding:40px; position: relative;}
#coberturascontent {padding-bottom:20px;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .image .pad img {min-width:50%!important; width:50%!important;display: block; margin:0 auto;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p {font-size: 17px !important; text-align: center; line-height: 24px!important;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p b { text-transform:uppercase; min-height:50px; display:block; }
#ventajastitle h3,
#coberturastitle h2,
#coberturascontent h3{  font-size: 28px !important; line-height: 34px !important;}

.container-fluid .grid #eligeahoracontentdrie .container .row .col-md-6 .image,
.container-fluid .grid #eligeahoracontenttwee .container .row .col-md-6 .image,
.container-fluid .grid #eligeahoracontenteen .container .row .col-md-6 .image {margin-bottom: 0px;}
.container-fluid #eligeahoracontentdrie p, .container-fluid #eligeahoracontentdrie ul, .container-fluid #eligeahoracontentdrie ol,
.container-fluid #eligeahoracontenttwee p, .container-fluid #eligeahoracontenttwee ul, .container-fluid #eligeahoracontenttwee ol,
.container-fluid #eligeahoracontenteen p, .container-fluid #eligeahoracontenteen ul, .container-fluid #eligeahoracontenteen ol {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
.container-fluid .grid #eligeahoracontentdrie .container .row .col-md-6,
.container-fluid .grid #eligeahoracontenttwee .container .row .col-md-6,
.container-fluid .grid #eligeahoracontenteen .container .row .col-md-6 {padding:0 0 0 20px;}

#interesartitle .row {
  display: block;
  flex-wrap: inherit;
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 100px;
}
.container-fluid #paramasinformacioncontent h4 {
  font-size: 18px !important;
  line-height: 24px !important;
  -webkit-font-smoothing: antialiased !important;
  font-style: normal !important;
}


/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 576px) {
.container-fluid .grid .TextPlaat, .container-fluid .grid .container .row .col-md-12 {margin-bottom: 0px !important;}
.container-fluid .grid .ListB .col-md-6.margin-0-tb {margin-bottom: 5px !important;}
.container-fluid .grid .container .row .col-md-6:last-child {margin-bottom: 5px !important;}
.container-fluid .grid .container .row .col-md-12:first-child {left: 0px!important;}
.container-fluid .Hero-custom .card-img-tint.card-img-hero-tint.dls-black-bg {background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important;}

  
#rowhero h4 {font-size:24px!important; line-height:28px!important; } 
#rowhero h1 {font-size:32px!important; line-height:34px!important; } 
#paramasinformacioncontent.Sz2Top {padding-top:0px !important;}  
#interesartitle h3, 
#paramasinformaciontitle h3,
#preguntasfrecuentestitle h3,  
#condicionestitle h3,
#eligeahoratitle h2,
#coberturastitle h2,
#practicatitle h2 {font-size:24px!important; line-height:28px!important; text-align: center; }
#pdftitle h5,
#interesarcontent h4,
#eligeahoratitle p,
#practicacontent p {font-size:15px!important; line-height:21px!important; text-align: center; }
.container-fluid #practicacontent.ListF {padding: 0px !important;}
#practicalist li {width:30%; } 
.container-fluid #practicacontent.ListF  ul li p {font-size:10px!important; line-height:14px!important;}  
.container-fluid #practicacontent.ListF  ul li p br {display:none;}  
#coberturascontent h3 {font-size:24px!important; line-height:28px!important; }
#coberturascontent ul li  {font-size:15px!important; line-height:21px!important; }   
#ventajascontent .col-md-3.margin-0-tb {flex: 0 0 50%; max-width: 50%;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p {font-size:10px!important; line-height:14px!important;margin-bottom: 0px;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p b {font-size:12px!important; line-height:14px!important; display:block; min-height:45px;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .image {margin-bottom:20px;}  
#eligeahoracontenttwee h3,
#eligeahoracontenteen h3 {margin-top:0px;}

#paramasinformacioncontent .col-md-6.margin-0-tb,
#paramasinformaciontitle .col-md-6.margin-0-tb,
#eligeahoracontenteen .col-md-6.margin-0-tb,
#eligeahoracontentdrie .col-md-6.margin-0-tb,
#eligeahoracontenttwee .col-md-6.margin-0-tb {padding:0 0 20px 0!important;}   
#interesarcontent .col-md-4.margin-0-tb {padding:0 0 20px 0!important;}   
#eligeahoracontenteen,
#eligeahoracontentdrie,
#eligeahoracontenttwee {padding:0 0 0px 0!important;} 
.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h6 {margin-top: 30px;}
#paramasinformacioncontent h3,
#condicionescontent h3,
#preguntasfrecuentescontent h3 {margin-top:0px;}  

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%
}
  
.container-fluid .grid .container .row .col-md-12 {padding: 0px!important;}  
  
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-6 {padding: 5px!important;}
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-6 p {text-align: left!important;}
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-12 {padding: 0 !important;}
.container-fluid h3 {font-size: 28px !important;line-height: 34px !important;}
.container-fluid .grid #paramasinformacioncontent .container .row .col-md-12 {padding: 0 !important;}
.container-fluid .grid #paramasinformacioncontent h3.body-1{line-height:21px!important;}
#eligeahoracontenteen .col-md-6.margin-0-tb .card-img-bg,
#eligeahoracontenttwee .col-md-6.margin-0-tb .card-img-bg {height:auto;}
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:577px) and (max-width:768px) {
.container-fluid .grid .TextPlaat, .container-fluid .grid .container .row .col-md-12 {margin-bottom: 0px !important;}
.container-fluid .grid .ListB .col-md-6.margin-0-tb {margin-bottom: 5px !important;}
.container-fluid .grid .container .row .col-md-6:last-child {margin-bottom: 5px !important;}
.container-fluid .grid .container .row .col-md-12:first-child {left: 0px!important;}

.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h6 {margin-top: 30px;}
  #preguntasfrecuentescontent h3 {margin-top:0px;}  
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p b {min-height: auto;}
.container-fluid .grid .container .row .col-md-12 {padding: 0px!important;}  
   
#rowhero h4 {font-size:24px!important; line-height:28px!important; } 
#rowhero h1 {font-size:32px!important; line-height:34px!important; } 
#paramasinformacioncontent.Sz2Top {padding-top:0px !important;}  
#interesartitle h3, 
#paramasinformaciontitle h3,
#preguntasfrecuentestitle h3,  
#condicionestitle h3,
#eligeahoratitle h2,
#coberturastitle h2,
#practicatitle h2 {font-size:24px!important; line-height:28px!important; text-align: center; }
#pdftitle h5,
#interesarcontent h4,
#eligeahoratitle p,
#practicacontent p {font-size:15px!important; line-height:21px!important; text-align: center; }
.container-fluid #practicacontent.ListF {padding: 0px !important;}
#practicalist li {width:30%; } 
.container-fluid #practicacontent.ListF  ul li p {font-size:10px!important; line-height:14px!important;}  
.container-fluid #practicacontent.ListF  ul li p br {display:none;}  
#coberturascontent h3 {font-size:24px!important; line-height:28px!important; }
#coberturascontent ul li  {font-size:15px!important; line-height:21px!important; }   
#ventajascontent .col-md-3.margin-0-tb {flex: 0 0 50%; max-width: 50%;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p {font-size:10px!important; line-height:14px!important;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .richtext p b {font-size:12px!important; line-height:14px!important; display:block; min-height:45px;}
.container-fluid .grid #ventajascontent .container .row .col-md-3 .image {margin-bottom:20px;}  
#eligeahoracontenttwee h3,
#eligeahoracontenteen h3 {margin-top:0px;}

#paramasinformacioncontent .col-md-6.margin-0-tb,
#paramasinformaciontitle .col-md-6.margin-0-tb,
#eligeahoracontenteen .col-md-6.margin-0-tb,
#eligeahoracontentdrie .col-md-6.margin-0-tb,
#eligeahoracontenttwee .col-md-6.margin-0-tb {padding:0 0 20px 0!important;}   
#interesarcontent .col-md-4.margin-0-tb {padding:0 0 20px 0!important;}   
#eligeahoracontenteen,
#eligeahoracontentdrie,
#eligeahoracontenttwee {padding:0 0 0px 0!important;} 
.container-fluid h1, .container-fluid h2, .container-fluid h3, .container-fluid h4, .container-fluid h5, .container-fluid h6 {margin-top: 30px;}
#paramasinformacioncontent h3,
#condicionescontent h3,
#preguntasfrecuentescontent h3 {margin-top:0px;}  

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%
} 
  
.container-fluid .Hero-custom .card-img-tint.card-img-hero-tint.dls-black-bg {background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important;}
container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-12,
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-6 {padding: 5px!important;}
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-6 p {text-align: left!important;}
.container-fluid .grid #preguntasfrecuentescontent .container .row .col-md-12 {padding: 0 !important;}
.container-fluid h3 {font-size: 28px !important;line-height: 34px !important;}
#eligeahoracontenteen .col-md-6.margin-0-tb .card-img-bg,
#eligeahoracontenttwee .col-md-6.margin-0-tb .card-img-bg {height:auto;}
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:769px) and (max-width:1023px) {
.container-fluid .grid .ListB .thumb h4.display-block .icon {width: 50%; display:block !important;}
.container-fluid .grid .ListB .thumb h4.display-block {font-size: 12px !important; line-height: 18px!important; }
.container-fluid .grid .ListB .col-md-6.margin-0-tb {margin-bottom: 30px !important;}
.container-fluid .Hero-custom .card-img-tint.card-img-hero-tint.dls-black-bg {background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) !important;}
#eligeahoracontenteen .col-md-6.margin-0-tb .card-img-bg {height:960px;}
#eligeahoracontenttwee .col-md-6.margin-0-tb .card-img-bg {height:820px;}
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width:1024px) and (max-width:1279px) {
.container-fluid .grid .ListB .thumb h4.display-block .icon {width: 50px;}
.container-fluid .grid .ListB .thumb h4.display-block {font-size: 12px !important; line-height: 18px!important; }
#eligeahoracontenteen .col-md-6.margin-0-tb .card-img-bg {height:796px;}
#eligeahoracontenttwee .col-md-6.margin-0-tb .card-img-bg {height:620px;}
}

/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1280px) {}

/* -------------------------------------------------------------------------------------------- */
/* -- PromotionBannerA ------------------------------------------------------------------ JE -- */
/* -------------------------------------------------------------------------------------------- */
.PromotionBannerB{
  --_accentColor:#1D286E;
  background-color:var(--_accentColor);
  padding-block: var(--Sz1);
  color:#ffffff;
}

.PromotionBannerB .row > .col-md-12 > div{
  --_flexOffset:var(--Sz2);
  display: flex;
  gap:var(--Sz2);
  flex-wrap:wrap;  
}

.PromotionBannerB .image{
  flex: 1 1 calc(33% - var(--_flexOffset));
  min-width: 270px;
}

.PromotionBannerB .image img{
  width: 100%;
}

.PromotionBannerB .richtext{
  flex: 1 1 calc(66% - var(--_flexOffset));
}

.PromotionBannerB .richtext .Highlight{
  font-size: 4.2rem!important;
  color:var(--LightBlue);
  line-height:1.1!important;
  font-weight:bold;
  margin-bottom: 0;
}

.PromotionBannerB .richtext .Button > a{
  padding: var(--Sz01) var(--Sz0);
  color:#ffffff;
  background-color: var(--LightBlue);
  border: 2px solid var(--LightBlue);
  border-radius: var(--BrSmall);
  transition: var(--an1);
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  width: max-content;
}

.PromotionBannerB .richtext .Button > a:hover{
  transition: var(--an1);
  background-color:transparent;
  border-color:#ffffff;
}

.PromotionBannerB .Terms{
  font-size:14px!important;
  
}

.container-fluid .Hero-custom.No-overlay .hidden-md-down::before{
  display:none;
}