.herobanner-orfandad{background:url(https://www.nnespana.es/hubfs/nn_landings/performance/herobanner-landing-orfandad.jpg) 50% 50%/cover no-repeat;height:220px;margin:0 -24px 80px;position:relative}@media screen and (min-width:48em){.herobanner-orfandad{height:640px;margin:0 auto}}.herobanner-orfandad .herobanner__legend{background-color:var(--color-medium-orange);display:flex;justify-content:center;left:0;padding:.5em;position:absolute;top:0;width:100%;z-index:2}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__legend{padding:1em}}.herobanner-orfandad .herobanner__legend p{color:var(--color-white);display:flex;flex:0 1 auto;font-size:14px;justify-content:center;margin:0 12px}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__legend p{font-size:16px;margin:0 130px}}.herobanner-orfandad .herobanner__legend img{margin-right:12px;max-height:24px;width:auto}.herobanner-orfandad .herobanner__content{height:100%;margin:0 auto;max-width:1280px;position:relative;width:100%}.herobanner-orfandad .herobanner__card{background:#fff;border-radius:12px;bottom:-116px;box-shadow:0 2px 16px 0 #72727214,0 1px 6px 0 #8080801a,0 1px 2px 0 #6666661a;box-sizing:border-box;left:50%;max-width:500px;padding:18px 24px 24px;position:absolute;transform:translateX(-50%);width:80%}@media screen and (min-width:768px){.herobanner-orfandad .herobanner__card{background:hsla(0,0%,100%,.6);bottom:240px;box-shadow:none;left:80px;padding:24px 32px 32px;transform:none}}.herobanner-orfandad .card__title{color:var(--color-black);font-size:20px;line-height:1.3}@media screen and (min-width:48em){.herobanner-orfandad .card__title{font-size:26px}}.herobanner-orfandad .herobanner__card img{max-width:180px}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__card img{height:auto;max-width:288px}}.herobanner-orfandad .card__badge{background:url(https://www.nnespana.es/hubfs/PublishingImages/descuentos/2-anos-gratis-seguro-fallecimiento-seguro-gratuito-orfandad.webp) 50% 50%/contain no-repeat;height:120px;position:absolute;right:0;top:0;transform:translate(10px,-52px);width:120px}@media screen and (min-width:48em){.herobanner-orfandad .card__badge{height:180px;transform:translate(82px,-82px);width:180px}}.herobanner-orfandad .herobanner__footer{background:#fff;bottom:0;box-shadow:0 0 4px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.02);box-sizing:border-box;max-width:680px;padding:18px 16px 16px;position:fixed;right:0;width:100%;z-index:2}@media screen and (min-width:768px){.herobanner-orfandad .herobanner__footer{bottom:0;box-shadow:none;padding:18px 24px 16px;position:absolute;right:0}}@media screen and (min-width:1280px){.herobanner-orfandad .herobanner__footer{right:104px}}.herobanner-orfandad .herobanner__footer .footer__title{color:var(--color-medium-orange);font-size:18px;line-height:1.3;margin:0 0 10px}.herobanner-orfandad .herobanner__footer .footer__row{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__footer .footer__row{flex-flow:row nowrap;justify-content:space-between}}.herobanner-orfandad .herobanner__footer .footer__actions input{appearance:none;padding:12px 16px}.herobanner-orfandad .herobanner__footer .footer__actions input,.herobanner-orfandad .herobanner__footer .footer__actions select{background-color:var(--color-white);border:1px solid var(--color-input-border);border-radius:4px;color:var(--color-black);font-family:var(--font-regular);font-size:16px;font-style:normal;font-weight:400;height:38px;margin:0 0 1em;width:100%}.herobanner-orfandad .herobanner__footer .footer__actions select{appearance:auto;padding:0 16px}.herobanner-orfandad .herobanner__footer .footer__actions .agent-input-error,.herobanner-orfandad .herobanner__footer .footer__actions .brand-select-error{color:var(--color-medium-orange);display:none;font-family:var(--font-regular);font-size:14px;font-style:normal;font-weight:400;line-height:18px;margin:-.8em 0 1em .2em}.herobanner-orfandad .herobanner__footer .footer__actions .agent-input-error.is-visible,.herobanner-orfandad .herobanner__footer .footer__actions .brand-select-error.is-visible{display:block}.herobanner-orfandad .herobanner__footer .footer__cta{align-items:center;background-color:var(--button-primary-background-color);border-radius:var(--button-primary-border-radius);color:var(--button-primary-text-color);cursor:pointer;display:flex;font-family:var(--font-medium);font-size:16px;justify-content:center;padding:12px 16px;text-align:center;transition:all .3s ease-in;width:100%}.herobanner-orfandad .herobanner__footer .footer__cta:hover{background-color:var(--button-primary-active-background-color);box-shadow:var(--button-primary-active-shadow);transition-duration:.2s;transition-timing-function:ease-out}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__footer .footer__cta{min-width:240px}}.herobanner-orfandad .footer__counter{box-sizing:border-box;margin:0 0 12px;z-index:1}@media screen and (min-width:48em){.herobanner-orfandad .footer__actions,.herobanner-orfandad .footer__counter{flex:0 0 48%}}.herobanner-orfandad .footer__counter .counter__title{color:var(--color-medium-orange);font-size:24px;margin:0 0 12px;text-align:center}@media screen and (min-width:48em){.herobanner-orfandad .footer__counter .counter__title{font-size:24px}}.herobanner-orfandad .footer__counter .counter__time{display:flex;justify-content:space-between;margin:0 auto;width:160px}.herobanner-orfandad .footer__counter .counter__time p{color:#666;font-size:14px;font-weight:700;margin:0;text-align:center}.herobanner-orfandad .footer__counter .counter__time p strong{font-size:24px}.herobanner-orfandad .footer__counter .counter__time p:first-child strong{color:#e64415}.herobanner-orfandad .footer__counter .counter__time p:nth-child(2) strong{color:#ea650d}.herobanner-orfandad .footer__counter .counter__time p:nth-child(3) strong{color:#ee7f00}.herobanner-orfandad .footer__counter .counter__time p:nth-child(4) strong{color:#f6bf80}.herobanner-orfandad .herobanner__legal{font-size:14px;margin:12px 0 0;text-align:center}@media screen and (min-width:48em){.herobanner-orfandad .herobanner__legal{font-size:20px}}