.elementor-36218 .elementor-element.elementor-element-9f5ffab{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.65;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-9f5ffab:not(.elementor-motion-effects-element-type-background), .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.amalteaconsultoria.es/wp-content/uploads/2026/07/fondo_planes_movilidad-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-36218 .elementor-element.elementor-element-9f5ffab::before, .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-background-video-container::before, .elementor-36218 .elementor-element.elementor-element-9f5ffab > .e-con-inner > .elementor-background-video-container::before, .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-background-slideshow::before, .elementor-36218 .elementor-element.elementor-element-9f5ffab > .e-con-inner > .elementor-background-slideshow::before, .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000CC;--background-overlay:'';}.elementor-36218 .elementor-element.elementor-element-b6ba661{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-b6ba661:not(.elementor-motion-effects-element-type-background), .elementor-36218 .elementor-element.elementor-element-b6ba661 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EC94C4;}.elementor-36218 .elementor-element.elementor-element-158f1ce{padding:05px 0px 05px 0px;}.elementor-36218 .elementor-element.elementor-element-158f1ce .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:none;}.elementor-36218 .elementor-element.elementor-element-dc017ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:62px 62px;--row-gap:62px;--column-gap:62px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-36218 .elementor-element.elementor-element-952b8c0{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-952b8c0.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-36218 .elementor-element.elementor-element-7a9f514{width:var( --container-widget-width, 95.771% );max-width:95.771%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 0px 0px 0px;--container-widget-width:95.771%;--container-widget-flex-grow:0;}.elementor-36218 .elementor-element.elementor-element-7a9f514.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-36218 .elementor-element.elementor-element-7a9f514 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:500;text-transform:none;font-style:normal;line-height:1em;color:#FFFFFF;}.elementor-36218 .elementor-element.elementor-element-c30ace1{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:1.2em;color:#FFFFFFE0;}.elementor-36218 .elementor-element.elementor-element-50b7325{width:initial;max-width:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;text-transform:none;line-height:1.3em;color:#FFFFFFE0;}.elementor-36218 .elementor-element.elementor-element-ae74499{--spacer-size:50px;}.elementor-36218 .elementor-element.elementor-element-ad086d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-426426c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-36218 .elementor-element.elementor-element-426426c:not(.elementor-motion-effects-element-type-background), .elementor-36218 .elementor-element.elementor-element-426426c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-36218 .elementor-element.elementor-element-426426c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-36218 .elementor-element.elementor-element-590eb4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-36218 .elementor-element.elementor-element-590eb4a .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;text-transform:none;line-height:1.15em;letter-spacing:-1px;color:#383838;}.elementor-36218 .elementor-element.elementor-element-8a245c4{padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-63ba04b );--e-form-steps-indicator-inactive-secondary-color:var( --e-global-color-63ba04b );--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group{padding-right:calc( 8px/2 );padding-left:calc( 8px/2 );margin-bottom:12px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-form-fields-wrapper{margin-left:calc( -8px/2 );margin-right:calc( -8px/2 );margin-bottom:-12px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group > label, .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-subgroup label{color:#12151B;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:15px;font-weight:700;text-transform:none;font-style:normal;line-height:1px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-63ba04b );font-family:"Space Grotesk", Sans-serif;font-weight:400;line-height:1em;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group .elementor-field{color:var( --e-global-color-63ba04b );}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group .elementor-field, .elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;text-transform:none;font-style:normal;letter-spacing:0px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#E6E6E6;border-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:25px 25px 25px 25px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group .elementor-select-wrapper select{background-color:#E6E6E6;border-color:#FFFFFF;border-width:0px 0px 0px 0px;border-radius:25px 25px 25px 25px;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-1b585d5 );color:var( --e-global-color-a427ec7 );}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-button[type="submit"]{background-color:var( --e-global-color-1b585d5 );color:var( --e-global-color-a427ec7 );}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-a427ec7 );}.elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-09b3ff5 );color:#000000;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-dfd6b54 );color:#ffffff;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-dfd6b54 );color:#ffffff;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__indicators__indicator, .elementor-36218 .elementor-element.elementor-element-8a245c4 .e-form__indicators__indicator__label{font-family:"Inter", Sans-serif;}.elementor-36218 .elementor-element.elementor-element-cf43205{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Inter", Sans-serif;font-size:9px;font-weight:400;text-transform:none;}.elementor-36218 .elementor-element.elementor-element-3a6d54b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-36218 .elementor-element.elementor-element-392d96d{--display:flex;}.elementor-36218 .elementor-element.elementor-element-90d7eec{--display:flex;}.elementor-36218 .elementor-element.elementor-element-90d7eec.e-con{--align-self:center;}.elementor-36218 .elementor-element.elementor-element-5fa0102{--display:flex;}.elementor-36218 .elementor-element.elementor-element-5fa0102.e-con{--align-self:center;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 14px 0px 14px;text-align:center;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8 .elementor-heading-title{font-size:44px;font-weight:600;letter-spacing:-1px;}.elementor-36218 .elementor-element.elementor-element-220ea5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 14px 0px 14px;text-align:center;font-family:"Poppins", Sans-serif;font-size:17px;font-weight:400;text-transform:none;}.elementor-36218 .elementor-element.elementor-element-79e43e0{--spacer-size:10px;}.elementor-36218 .elementor-element.elementor-element-44f3fa8 .elementor-button{background-color:var( --e-global-color-825cfc9 );font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-d1cb65b );color:var( --e-global-color-d1cb65b );padding:20px 20px 20px 20px;}.elementor-36218 .elementor-element.elementor-element-44f3fa8 .elementor-button:hover, .elementor-36218 .elementor-element.elementor-element-44f3fa8 .elementor-button:focus{background-color:var( --e-global-color-dfd6b54 );}.elementor-36218 .elementor-element.elementor-element-b6b84fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-17ed838{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-0c37100{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-efe8508 .elementor-button{background-color:var( --e-global-color-825cfc9 );font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-d1cb65b );color:var( --e-global-color-d1cb65b );padding:20px 20px 20px 20px;}.elementor-36218 .elementor-element.elementor-element-efe8508 .elementor-button:hover, .elementor-36218 .elementor-element.elementor-element-efe8508 .elementor-button:focus{background-color:var( --e-global-color-dfd6b54 );}.elementor-36218 .elementor-element.elementor-element-57d4eef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-8c3d089{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-a3313fd .elementor-button{background-color:var( --e-global-color-825cfc9 );font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-d1cb65b );color:var( --e-global-color-d1cb65b );padding:20px 20px 20px 20px;}.elementor-36218 .elementor-element.elementor-element-a3313fd .elementor-button:hover, .elementor-36218 .elementor-element.elementor-element-a3313fd .elementor-button:focus{background-color:var( --e-global-color-dfd6b54 );}.elementor-36218 .elementor-element.elementor-element-16d2bb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-9e8dadf{--display:flex;--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-74cfd98 .elementor-button{background-color:var( --e-global-color-825cfc9 );font-family:"Poppins", Sans-serif;font-weight:600;text-transform:uppercase;line-height:1em;fill:var( --e-global-color-d1cb65b );color:var( --e-global-color-d1cb65b );padding:20px 20px 20px 20px;}.elementor-36218 .elementor-element.elementor-element-74cfd98 .elementor-button:hover, .elementor-36218 .elementor-element.elementor-element-74cfd98 .elementor-button:focus{background-color:var( --e-global-color-dfd6b54 );}.elementor-36218 .elementor-element.elementor-element-5def7ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-771e7aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-36218 .elementor-element.elementor-element-9f5ffab{--content-width:100%;}.elementor-36218 .elementor-element.elementor-element-b6ba661{--width:100%;}.elementor-36218 .elementor-element.elementor-element-dc017ac{--width:1180px;}.elementor-36218 .elementor-element.elementor-element-952b8c0{--width:46.025%;}.elementor-36218 .elementor-element.elementor-element-426426c{--width:100%;}}@media(min-width:1025px){.elementor-36218 .elementor-element.elementor-element-9f5ffab:not(.elementor-motion-effects-element-type-background), .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-36218 .elementor-element.elementor-element-9f5ffab{--min-height:640px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-158f1ce .elementor-heading-title{font-size:15px;line-height:1em;}.elementor-36218 .elementor-element.elementor-element-7a9f514{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 022px) 0px;padding:0px 0px 0px 0px;}.elementor-36218 .elementor-element.elementor-element-7a9f514 .elementor-heading-title{font-size:48px;line-height:1.1em;}.elementor-36218 .elementor-element.elementor-element-c30ace1{font-size:16px;line-height:1.65em;}.elementor-36218 .elementor-element.elementor-element-50b7325{font-size:16px;line-height:1.65em;}.elementor-36218 .elementor-element.elementor-element-590eb4a .elementor-heading-title{font-size:36px;line-height:1.18em;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group > label{font-size:15px;line-height:1em;}.elementor-36218 .elementor-element.elementor-element-cf43205{font-size:16px;line-height:1.65em;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 28px 0px 28px;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8 .elementor-heading-title{font-size:36px;}.elementor-36218 .elementor-element.elementor-element-220ea5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 28px 0px 28px;font-size:16px;line-height:1.65em;}}@media(max-width:767px){.elementor-36218 .elementor-element.elementor-element-9f5ffab:not(.elementor-motion-effects-element-type-background), .elementor-36218 .elementor-element.elementor-element-9f5ffab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.amalteaconsultoria.es/wp-content/uploads/2026/07/fondo_igualdad_1.png");background-position:72% 100%;background-size:cover;}.elementor-36218 .elementor-element.elementor-element-9f5ffab{--min-height:auto;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:36px 36px;--row-gap:36px;--column-gap:36px;--overlay-opacity:0.4;--padding-top:035px;--padding-bottom:45px;--padding-left:0px;--padding-right:0px;}.elementor-36218 .elementor-element.elementor-element-b6ba661{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-36218 .elementor-element.elementor-element-158f1ce .elementor-heading-title{font-size:15px;line-height:1em;}.elementor-36218 .elementor-element.elementor-element-dc017ac{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-36218 .elementor-element.elementor-element-7a9f514{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 020px) 0px;}.elementor-36218 .elementor-element.elementor-element-7a9f514 .elementor-heading-title{font-size:38px;line-height:1.12em;}.elementor-36218 .elementor-element.elementor-element-c30ace1{font-size:16px;line-height:1.6em;}.elementor-36218 .elementor-element.elementor-element-50b7325{font-size:17px;line-height:1.6em;}.elementor-36218 .elementor-element.elementor-element-590eb4a .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-36218 .elementor-element.elementor-element-8a245c4 .elementor-field-group > label{font-size:15px;line-height:1em;}.elementor-36218 .elementor-element.elementor-element-cf43205{font-size:16px;line-height:1.6em;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:35px 0px 0px 0px;}.elementor-36218 .elementor-element.elementor-element-ebbc3e8 .elementor-heading-title{font-size:30px;}.elementor-36218 .elementor-element.elementor-element-220ea5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;line-height:1.6em;}}/* Start custom CSS for heading, class: .elementor-element-7a9f514 */.elementor-36218 .elementor-element.elementor-element-7a9f514 .texto-degradado { background: linear-gradient(90deg, #d276b5 0%, #f0a6d2 50%, #b94c9b 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-cf43205 */.texto-politica a { color: inherit !important; font-size: inherit; font-weight: inherit; font-family: inherit; text-decoration: none; } .texto-politica a:hover { color: inherit !important; text-decoration: underline; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9b3b13f *//* ========================================================= AMALTEA - BLOQUE BENEFICIOS CSS COMPLETO + BLINDAJE ELEMENTOR / WORDPRESS ========================================================= */ .amaltea-beneficios { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DF79B1; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A83E7B; --amaltea-rosa-claro: #F9DFED; --amaltea-rosa-muy-claro: #FFF6FA; --amaltea-fondo: #FDF4F9; --amaltea-texto: #3D3038; position: relative; overflow: hidden; width: 100%; padding: 90px 30px; box-sizing: border-box; background: radial-gradient( circle at 10% 10%, rgba(236, 148, 196, 0.18), transparent 28% ), radial-gradient( circle at 90% 90%, rgba(198, 83, 147, 0.10), transparent 30% ), var(--amaltea-fondo); } /* ========================================================= BLINDAJE GENERAL DEL BLOQUE ========================================================= */ .amaltea-beneficios, .amaltea-beneficios *, .amaltea-beneficios *::before, .amaltea-beneficios *::after { box-sizing: border-box; } /* IMPORTANTE: De momento dejamos que utilice la fuente de la web. Cuando sepamos EXACTAMENTE qué fuente utiliza la web original, podemos poner aquí esa fuente y ambas webs quedarán todavía más iguales. */ .amaltea-beneficios { font-synthesis: none; } /* ========================================================= ELEMENTOS DECORATIVOS ========================================================= */ .amaltea-beneficios::before { content: ""; position: absolute; top: -120px; right: -100px; width: 340px; height: 340px; border: 45px solid rgba(236, 148, 196, 0.13); border-radius: 50%; pointer-events: none; } .amaltea-beneficios::after { content: ""; position: absolute; bottom: -170px; left: -120px; width: 360px; height: 360px; border: 50px solid rgba(198, 83, 147, 0.07); border-radius: 50%; pointer-events: none; } /* ========================================================= CABECERA ========================================================= */ html body .amaltea-beneficios .amaltea-beneficios__cabecera { position: relative; z-index: 2; max-width: 900px; margin: 0 auto 45px !important; padding: 0 !important; text-align: center; } /* Etiqueta superior */ html body .amaltea-beneficios .amaltea-beneficios__etiqueta { display: inline-block; margin: 0 0 14px !important; padding: 8px 18px !important; border: 1px solid rgba(198, 83, 147, 0.12) !important; border-radius: 50px !important; background: #F9DFED !important; color: #A83E7B !important; font-family: inherit !important; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ html body .amaltea-beneficios .amaltea-beneficios__cabecera h2 { margin: 0 !important; padding: 0 !important; color: #A83E7B !important; font-family: Poppins; font-size: 44px; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* Parte del título en degradado */ html body .amaltea-beneficios .amaltea-beneficios__cabecera h2 span { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; background: linear-gradient( 90deg, #C65393 0%, #DF79B1 50%, #EC94C4 100% ) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important; } /* Texto de introducción */ html body .amaltea-beneficios .amaltea-beneficios__cabecera p { max-width: 600px; margin: 20px auto 0 !important; padding: 0 !important; color: #3D3038 !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.65 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= REJILLA ========================================================= */ html body .amaltea-beneficios .amaltea-beneficios__grid { position: relative; z-index: 2; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; align-items: stretch; gap: 20px !important; width: 100%; max-width: 1500px; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= TARJETAS ========================================================= */ html body .amaltea-beneficios .amaltea-beneficio { display: flex !important; align-items: flex-start !important; gap: 16px !important; width: 100% !important; min-width: 0; min-height: 190px; margin: 0 !important; padding: 26px 22px !important; border: 1px solid rgba(255, 255, 255, 0.20) !important; border-radius: 20px !important; background: linear-gradient( 135deg, #A83E7B 0%, #C65393 45%, #EC94C4 135% ) !important; box-shadow: 0 16px 38px rgba(168, 62, 123, 0.17) !important; color: #FFFFFF !important; transition: transform 0.3s ease, box-shadow 0.3s ease; } /* Evitar que Elementor cambie distribución */ html body .amaltea-beneficios .amaltea-beneficio:nth-child(1), html body .amaltea-beneficios .amaltea-beneficio:nth-child(2), html body .amaltea-beneficios .amaltea-beneficio:nth-child(3), html body .amaltea-beneficios .amaltea-beneficio:nth-child(4), html body .amaltea-beneficios .amaltea-beneficio:nth-child(5), html body .amaltea-beneficios .amaltea-beneficio:last-child { grid-column: auto !important; width: 100% !important; max-width: none !important; justify-self: stretch !important; } /* Hover */ html body .amaltea-beneficios .amaltea-beneficio:hover { transform: translateY(-7px); box-shadow: 0 24px 45px rgba(168, 62, 123, 0.26) !important; } /* ========================================================= ICONOS ========================================================= */ html body .amaltea-beneficios .amaltea-beneficio__icono { display: flex !important; flex: 0 0 54px; align-items: center !important; justify-content: center !important; width: 54px !important; height: 54px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.34) !important; border-radius: 15px !important; background: rgba(255, 255, 255, 0.14) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } /* SVG */ html body .amaltea-beneficios .amaltea-beneficio__icono svg { display: block !important; width: 29px !important; height: 29px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* Blindaje de las partes internas del SVG */ html body .amaltea-beneficios .amaltea-beneficio__icono svg path, html body .amaltea-beneficios .amaltea-beneficio__icono svg rect, html body .amaltea-beneficios .amaltea-beneficio__icono svg circle, html body .amaltea-beneficios .amaltea-beneficio__icono svg line, html body .amaltea-beneficios .amaltea-beneficio__icono svg polyline, html body .amaltea-beneficios .amaltea-beneficio__icono svg polygon { fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= CONTENIDO DE LAS TARJETAS ========================================================= */ html body .amaltea-beneficios .amaltea-beneficio__contenido { flex: 1; min-width: 0; margin: 0 !important; padding: 0 !important; } /* Título */ html body .amaltea-beneficios .amaltea-beneficio__contenido h3 { margin: 2px 0 10px !important; padding: 0 !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 19px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* Texto */ html body .amaltea-beneficios .amaltea-beneficio__contenido p { margin: 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.90) !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* Cursiva */ html body .amaltea-beneficios .amaltea-beneficio__contenido em { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; font-style: italic !important; text-transform: none !important; } /* ========================================================= TABLET / PANTALLAS INTERMEDIAS ========================================================= */ @media (max-width: 1280px) { .amaltea-beneficios { padding: 80px 25px; } html body .amaltea-beneficios .amaltea-beneficios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 1000px; gap: 22px !important; } html body .amaltea-beneficios .amaltea-beneficio { min-height: 180px; padding: 28px !important; } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-beneficios { padding: 75px 25px; } html body .amaltea-beneficios .amaltea-beneficios__cabecera { margin-bottom: 38px !important; } html body .amaltea-beneficios .amaltea-beneficios__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-beneficios { padding: 60px 18px; } html body .amaltea-beneficios .amaltea-beneficios__cabecera { margin-bottom: 32px !important; text-align: left; } html body .amaltea-beneficios .amaltea-beneficios__cabecera h2 { font-size: 35px !important; line-height: 1.08 !important; } html body .amaltea-beneficios .amaltea-beneficios__cabecera p { font-size: 16px !important; line-height: 1.55 !important; } html body .amaltea-beneficios .amaltea-beneficios__grid { grid-template-columns: 1fr !important; gap: 16px !important; } html body .amaltea-beneficios .amaltea-beneficio, html body .amaltea-beneficios .amaltea-beneficio:nth-child(1), html body .amaltea-beneficios .amaltea-beneficio:nth-child(2), html body .amaltea-beneficios .amaltea-beneficio:nth-child(3), html body .amaltea-beneficios .amaltea-beneficio:nth-child(4), html body .amaltea-beneficios .amaltea-beneficio:nth-child(5), html body .amaltea-beneficios .amaltea-beneficio:last-child { grid-column: auto !important; width: 100% !important; max-width: none !important; min-height: auto; padding: 24px 20px !important; } html body .amaltea-beneficios .amaltea-beneficio__icono { flex-basis: 50px; width: 50px !important; height: 50px !important; border-radius: 14px !important; } html body .amaltea-beneficios .amaltea-beneficio__icono svg { width: 27px !important; height: 27px !important; } html body .amaltea-beneficios .amaltea-beneficio__contenido h3 { font-size: 18px !important; } html body .amaltea-beneficios .amaltea-beneficio__contenido p { font-size: 15px !important; } } /* ========================================================= MÓVILES PEQUEÑOS ========================================================= */ @media (max-width: 480px) { html body .amaltea-beneficios .amaltea-beneficios__cabecera h2 { font-size: 31px !important; } html body .amaltea-beneficios .amaltea-beneficio { gap: 14px !important; padding: 22px 18px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c6d6959 *//* ========================================================= AMALTEA - BLOQUE SANCIONES CSS COMPLETO + BLINDAJE WORDPRESS / ELEMENTOR ========================================================= */ .amaltea-sanciones { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DF79B1; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A63D79; --amaltea-rosa-claro: #FCEBF4; --amaltea-fondo: #FFFFFF; --amaltea-gris: #F7F4F6; --amaltea-borde: #F1D7E5; --amaltea-texto: #3A3137; --amaltea-texto-suave: #66565F; position: relative; width: 100%; padding: 90px 24px; margin: 0; background: #FFFFFF; font-synthesis: none; } /* ========================================================= BLINDAJE GENERAL DEL BLOQUE ========================================================= */ .amaltea-sanciones, .amaltea-sanciones *, .amaltea-sanciones *::before, .amaltea-sanciones *::after { box-sizing: border-box; } /* ========================================================= CABECERA ========================================================= */ html body .amaltea-sanciones .amaltea-sanciones__cabecera { max-width: 900px; margin: 0 auto 44px !important; padding: 0 !important; text-align: center; } /* Etiqueta */ html body .amaltea-sanciones .amaltea-sanciones__etiqueta { display: inline-block; margin: 0 0 14px !important; padding: 8px 16px !important; border: 0 !important; border-radius: 50px !important; background: #FCEBF4 !important; color: #A63D79 !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ html body .amaltea-sanciones .amaltea-sanciones__cabecera h2 { margin: 0 0 16px !important; padding: 0 !important; color: #111111 !important; font-family: Poppins; font-size: 44 px; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; text-transform: none !important; text-decoration: none !important; } /* Texto introducción */ html body .amaltea-sanciones .amaltea-sanciones__cabecera p { max-width: 760px; margin: 0 auto !important; padding: 0 !important; color: #66565F !important; font-family: https://www.amalteaconsultoria.es/cursos/curso-nuevas-masculinidades/!important; font-size: 18px !important; line-height: 1.65 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= REJILLA ========================================================= */ html body .amaltea-sanciones .amaltea-sanciones__grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 28px !important; width: 100%; max-width: 1280px; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= TARJETAS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card { position: relative; display: flex !important; flex-direction: column !important; align-self: stretch !important; gap: 22px !important; width: 100% !important; height: 100% !important; min-height: 0; margin: 0 !important; padding: 34px 30px !important; border: 1px solid #F1D7E5 !important; border-radius: 24px !important; background: #FFFFFF !important; color: #3A3137 !important; box-shadow: 0 14px 34px rgba(115, 44, 84, 0.08) !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } /* Hover */ html body .amaltea-sanciones .amaltea-sancion-card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(115, 44, 84, 0.12) !important; } /* Tarjeta destacada */ html body .amaltea-sanciones .amaltea-sancion-card--destacada { border-color: rgba(198, 83, 147, 0.28) !important; background: linear-gradient( 180deg, #FFFFFF 0%, #FFF9FC 100% ) !important; } /* ========================================================= ICONOS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card__icono { display: flex !important; flex: 0 0 62px; align-items: center !important; justify-content: center !important; width: 62px !important; height: 62px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 18px !important; background: linear-gradient( 135deg, #C65393 0%, #EC94C4 100% ) !important; box-shadow: 0 12px 24px rgba(198, 83, 147, 0.22) !important; } /* SVG */ html body .amaltea-sanciones .amaltea-sancion-card__icono svg { display: block !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* Blindaje interior SVG */ html body .amaltea-sanciones .amaltea-sancion-card__icono svg path, html body .amaltea-sanciones .amaltea-sancion-card__icono svg rect, html body .amaltea-sanciones .amaltea-sancion-card__icono svg circle, html body .amaltea-sanciones .amaltea-sancion-card__icono svg line, html body .amaltea-sanciones .amaltea-sancion-card__icono svg polyline, html body .amaltea-sanciones .amaltea-sancion-card__icono svg polygon { fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= PARTE SUPERIOR DE LAS TARJETAS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card__top { display: flex !important; flex-direction: column !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } /* Etiqueta dentro tarjeta */ html body .amaltea-sanciones .amaltea-sancion-card__tag { display: inline-flex !important; align-self: flex-start !important; margin: 0 !important; padding: 7px 14px !important; border: 0 !important; border-radius: 999px !important; background: #FCEBF4 !important; color: #A63D79 !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULOS H3 ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card h3 { margin: 0 !important; padding: 0 !important; color: #3A3137 !important; font-family:Poppins; font-size: 30px !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= TEXTOS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card__texto { margin: 0 !important; padding: 0 !important; color: #66565F !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.7 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= BLOQUE INTERIOR GRIS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card__bloque { margin: 0 !important; padding: 22px 22px 18px !important; border: 1px solid #EEE6EB !important; border-radius: 18px !important; background: #F7F4F6 !important; } /* H4 */ html body .amaltea-sanciones .amaltea-sancion-card__bloque h4 { margin: 0 0 14px !important; padding: 0 !important; color: #A63D79 !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= LISTAS ========================================================= */ html body .amaltea-sanciones .amaltea-sancion-card__lista { display: block !important; margin: 0 !important; padding: 0 0 0 20px !important; color: #3A3137 !important; list-style-position: outside !important; list-style-type: disc !important; } /* Elementos de lista */ html body .amaltea-sanciones .amaltea-sancion-card__lista li { display: list-item !important; margin: 0 0 8px !important; padding: 0 !important; color: #3A3137 !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* El último elemento no necesita margen inferior */ html body .amaltea-sanciones .amaltea-sancion-card__lista li:last-child { margin-bottom: 0 !important; } /* Negritas */ html body .amaltea-sanciones .amaltea-sancion-card__lista strong { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; letter-spacing: inherit !important; text-transform: none !important; } /* ========================================================= CTA - POR SI SE UTILIZA EN ESTE BLOQUE ========================================================= */ html body .amaltea-sanciones .amaltea-sanciones__cta { margin: 38px 0 0 !important; padding: 0 !important; text-align: center; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-sanciones { padding: 75px 22px; } html body .amaltea-sanciones .amaltea-sanciones__grid { grid-template-columns: 1fr !important; } html body .amaltea-sanciones .amaltea-sancion-card h3 { font-size: 28px !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-sanciones { padding: 58px 16px; } html body .amaltea-sanciones .amaltea-sanciones__cabecera { margin-bottom: 30px !important; text-align: left; } html body .amaltea-sanciones .amaltea-sanciones__cabecera h2 { font-size: 34px !important; line-height: 1.08 !important; } html body .amaltea-sanciones .amaltea-sanciones__cabecera p { font-size: 16px !important; line-height: 1.65 !important; } html body .amaltea-sanciones .amaltea-sancion-card { gap: 18px !important; padding: 24px 20px !important; border-radius: 20px !important; } html body .amaltea-sanciones .amaltea-sancion-card__icono { flex-basis: 54px; width: 54px !important; height: 54px !important; border-radius: 16px !important; } html body .amaltea-sanciones .amaltea-sancion-card h3 { font-size: 24px !important; } html body .amaltea-sanciones .amaltea-sancion-card__texto { font-size: 16px !important; } html body .amaltea-sanciones .amaltea-sancion-card__lista li { font-size: 16px !important; } html body .amaltea-sanciones .amaltea-sancion-card__bloque { padding: 18px !important; } html body .amaltea-sanciones .amaltea-sanciones__boton { width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e1ac662 *//* ========================================================= AMALTEA - PROCESO EN 8 SEMANAS CSS COMPLETO + BLINDAJE WORDPRESS / ELEMENTOR ========================================================= */ .amaltea-proceso-tabs { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DF79B1; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A63D79; --amaltea-rosa-claro: #FBE8F2; --amaltea-rosa-muy-claro: #FFF7FB; --amaltea-blanco: #FFFFFF; --amaltea-gris: #F5F2F4; --amaltea-texto: #3D333A; position: relative; overflow: hidden; width: 100%; padding: 90px 28px; margin: 0; box-sizing: border-box; font-synthesis: none; background: radial-gradient( circle at 5% 5%, rgba(255, 255, 255, 0.16), transparent 25% ), radial-gradient( circle at 95% 95%, rgba(166, 61, 121, 0.12), transparent 30% ), linear-gradient( 135deg, #EC94C4 0%, #E88ABE 50%, #DF79B1 100% ); } /* ========================================================= BLINDAJE GENERAL ========================================================= */ .amaltea-proceso-tabs, .amaltea-proceso-tabs *, .amaltea-proceso-tabs *::before, .amaltea-proceso-tabs *::after { box-sizing: border-box; } /* La fuente se mantiene heredada de la web. NO ponemos "TU FUENTE ORIGINAL", porque eso obligaría al navegador a usar Arial si esa fuente no existe. */ .amaltea-proceso-tabs h2, .amaltea-proceso-tabs h3, .amaltea-proceso-tabs p, .amaltea-proceso-tabs span, .amaltea-proceso-tabs button, .amaltea-proceso-tabs strong, .amaltea-proceso-tabs em { font-family: Poppins; } /* ========================================================= DECORACIÓN DEL FONDO ========================================================= */ .amaltea-proceso-tabs::before { content: ""; position: absolute; top: -170px; left: -130px; width: 390px; height: 390px; border-radius: 50%; background: rgba(255, 255, 255, 0.07); pointer-events: none; } .amaltea-proceso-tabs::after { content: ""; position: absolute; right: -100px; bottom: -150px; width: 320px; height: 320px; border: 55px solid rgba(255, 255, 255, 0.06); border-radius: 50%; pointer-events: none; } /* ========================================================= CABECERA ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto 48px !important; padding: 0 !important; text-align: center; } /* Etiqueta */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__etiqueta { display: inline-block; margin: 0 0 15px !important; padding: 8px 18px !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 50px !important; background: rgba(255, 255, 255, 0.16) !important; color: #FFFFFF !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro h2 { max-width: 1050px; margin: 0 auto 20px !important; padding: 0 !important; color: #FFFFFF !important; font-family: Poppins; font-size: 44 px line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -0.025em !important; text-transform: none !important; text-decoration: none !important; } /* Texto introductorio */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro p { max-width: 880px; margin: 0 auto !important; padding: 0 !important; color: rgba(255, 255, 255, 0.96) !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.6 !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================================= CAJA PRINCIPAL ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__box { position: relative; z-index: 2; display: grid !important; grid-template-columns: minmax(350px, 40%) minmax(0, 1fr) !important; gap: 48px !important; width: 100%; max-width: 1400px; margin: 0 auto !important; padding: 34px !important; border: 1px solid rgba(255, 255, 255, 0.50) !important; border-radius: 24px !important; background: rgba(255, 255, 255, 0.98) !important; box-shadow: 0 22px 55px rgba(108, 39, 79, 0.21) !important; } /* ========================================================= MENÚ LATERAL ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__menu { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= BOTONES Aquí es donde más suele interferir Elementor ========================================================= */ html body .amaltea-proceso-tabs button.amaltea-tab { position: relative; -webkit-appearance: none !important; appearance: none !important; display: flex !important; align-items: center !important; gap: 16px !important; width: 100% !important; min-height: 76px !important; margin: 0 !important; padding: 15px 22px !important; border: 0 !important; border-radius: 16px !important; background: #F5F2F4 !important; color: #3D333A !important; font-family: Poppins; font-size: 16px !important; line-height: 1.35 !important; /* Usamos 500 en lugar de 550 para evitar diferencias entre instalaciones de fuentes. */ font-weight: 500 !important; letter-spacing: normal !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; cursor: pointer !important; box-shadow: none !important; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } /* Texto del botón */ html body .amaltea-proceso-tabs .amaltea-tab__texto { flex: 1; color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================================= NÚMEROS ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab__numero { display: flex !important; flex: 0 0 42px; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #FFFFFF !important; color: #C65393 !important; font-family: inherit !important; font-size: 14px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: normal !important; text-transform: none !important; box-shadow: 0 5px 14px rgba(120, 48, 88, 0.08) !important; transition: background 0.25s ease, color 0.25s ease; } /* ========================================================= HOVER ========================================================= */ html body .amaltea-proceso-tabs button.amaltea-tab:hover:not(.active) { background: #FBE8F2 !important; color: #A63D79 !important; transform: translateX(4px); box-shadow: none !important; } /* ========================================================= BOTÓN ACTIVO ========================================================= */ html body .amaltea-proceso-tabs button.amaltea-tab.active { background: linear-gradient( 90deg, #C65393 0%, #DF79B1 58%, #EC94C4 100% ) !important; color: #FFFFFF !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; box-shadow: 0 12px 30px rgba(198, 83, 147, 0.25) !important; } /* Número del botón activo */ html body .amaltea-proceso-tabs button.amaltea-tab.active .amaltea-tab__numero { background: rgba(255, 255, 255, 0.20) !important; color: #FFFFFF !important; box-shadow: none !important; } /* Flecha del botón activo */ html body .amaltea-proceso-tabs button.amaltea-tab.active::after { content: ""; position: absolute; top: 50%; right: -13px; width: 0; height: 0; transform: translateY(-50%); border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 13px solid #EC94C4; pointer-events: none; } /* Focus accesible */ html body .amaltea-proceso-tabs button.amaltea-tab:focus-visible { outline: 3px solid rgba(166, 61, 121, 0.28) !important; outline-offset: 3px !important; } /* ========================================================= CONTENIDO DE LAS PESTAÑAS ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__content { min-width: 0; margin: 0 !important; padding: 16px 12px 16px 0 !important; } /* Paneles */ html body .amaltea-proceso-tabs .amaltea-tab-panel { display: none; margin: 0 !important; padding: 0 !important; animation: amalteaTabFade 0.3s ease; } html body .amaltea-proceso-tabs .amaltea-tab-panel.active { display: block; } /* ========================================================= ETIQUETA SEMANA ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel__fase { display: inline-block; margin: 0 0 12px !important; padding: 7px 14px !important; border: 0 !important; border-radius: 50px !important; background: #FBE8F2 !important; color: #A63D79 !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } /* ========================================================= H3 ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel h3 { margin: 0 0 22px !important; padding: 0 !important; color: #A63D79 !important; font-family: Poppins; font-size: clamp(27px, 3vw, 38px) !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: -0.02em !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= CONTENEDOR DE TEXTOS ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel__texto { display: flex !important; flex-direction: column !important; gap: 17px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= PÁRRAFOS ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel p { margin: 0 !important; padding: 0 !important; color: #3D333A !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.65 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= NEGRITAS ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel strong { color: #A63D79 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: 700 !important; letter-spacing: inherit !important; text-transform: none !important; } /* Cursivas */ html body .amaltea-proceso-tabs .amaltea-tab-panel em { color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; font-style: italic !important; } /* ========================================================= BLOQUE RESULTADO ========================================================= */ html body .amaltea-proceso-tabs .amaltea-tab-panel .amaltea-tab-panel__destacado { margin: 0 !important; padding: 17px 19px !important; border: 0 !important; border-left: 4px solid #EC94C4 !important; border-radius: 0 12px 12px 0 !important; background: #FFF7FB !important; color: #A63D79 !important; font-weight: 600 !important; } /* ========================================================= NOTA INFERIOR ========================================================= */ html body .amaltea-proceso-tabs .amaltea-proceso-tabs__nota { position: relative; z-index: 2; max-width: 1050px; margin: 24px auto 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.94) !important; font-family: inherit !important; font-size: 14px !important; line-height: 1.55 !important; font-weight: 400 !important; font-style: italic !important; letter-spacing: normal !important; text-align: center; text-transform: none !important; } /* ========================================================= ANIMACIÓN ========================================================= */ @keyframes amalteaTabFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-proceso-tabs { padding: 72px 22px; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__box { grid-template-columns: 1fr !important; gap: 28px !important; padding: 26px !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__menu { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__menu .amaltea-tab:last-child { grid-column: 1 / -1 !important; } html body .amaltea-proceso-tabs button.amaltea-tab.active::after { display: none; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__content { padding: 8px 4px 10px !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-proceso-tabs { padding: 56px 16px; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro { margin-bottom: 30px !important; text-align: left; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro h2 { margin-bottom: 16px !important; font-size: 34px !important; line-height: 1.12 !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__intro p { font-size: 16px !important; line-height: 1.5 !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__box { gap: 24px !important; padding: 16px !important; border-radius: 18px !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__menu { display: flex !important; flex-direction: column !important; gap: 9px !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__menu .amaltea-tab:last-child { grid-column: auto !important; } html body .amaltea-proceso-tabs button.amaltea-tab { min-height: 68px !important; padding: 13px 15px !important; border-radius: 13px !important; font-size: 15px !important; } html body .amaltea-proceso-tabs .amaltea-tab__numero { flex-basis: 36px; width: 36px !important; height: 36px !important; font-size: 12px !important; } html body .amaltea-proceso-tabs button.amaltea-tab:hover:not(.active) { transform: none; } html body .amaltea-proceso-tabs .amaltea-tab-panel h3 { margin-bottom: 17px !important; font-size: 27px !important; } html body .amaltea-proceso-tabs .amaltea-tab-panel p { font-size: 16px !important; line-height: 1.58 !important; } html body .amaltea-proceso-tabs .amaltea-tab-panel__destacado { padding: 15px 16px !important; } html body .amaltea-proceso-tabs .amaltea-proceso-tabs__nota { margin-top: 20px !important; text-align: left; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3cfe7b3 *//* ========================================================= AMALTEA - CONTENIDO DEL SERVICIO CSS COMPLETO + BLINDAJE WORDPRESS / ELEMENTOR ========================================================= */ .amaltea-contenido-servicio { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DF79B1; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A63D79; --amaltea-rosa-claro: #FBE8F2; --amaltea-rosa-muy-claro: #FFF7FB; --amaltea-borde: #F1D7E5; --amaltea-texto: #3D333A; --amaltea-texto-suave: #6B5C64; position: relative; width: 100%; padding: 90px 28px; margin: 0; overflow: hidden; box-sizing: border-box; background: #FFFFFF; font-synthesis: none; } /* ========================================================= BLINDAJE GENERAL DEL BLOQUE ========================================================= */ .amaltea-contenido-servicio, .amaltea-contenido-servicio *, .amaltea-contenido-servicio *::before, .amaltea-contenido-servicio *::after { box-sizing: border-box; } /* La tipografía sigue heredando la fuente de la web. Esto evita forzar Arial u otra fuente incorrecta. */ .amaltea-contenido-servicio h2, .amaltea-contenido-servicio h3, .amaltea-contenido-servicio p, .amaltea-contenido-servicio span, .amaltea-contenido-servicio li, .amaltea-contenido-servicio em { font-family: Poppins; } /* ========================================================= ELEMENTOS DECORATIVOS DEL FONDO ========================================================= */ .amaltea-contenido-servicio::before { content: ""; position: absolute; top: -150px; right: -130px; width: 360px; height: 360px; border: 45px solid rgba(236, 148, 196, 0.08); border-radius: 50%; pointer-events: none; } .amaltea-contenido-servicio::after { content: ""; position: absolute; bottom: -190px; left: -140px; width: 380px; height: 380px; border: 55px solid rgba(198, 83, 147, 0.05); border-radius: 50%; pointer-events: none; } /* ========================================================= CABECERA ========================================================= */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera { position: relative; z-index: 2; max-width: 950px; margin: 0 auto 50px !important; padding: 0 !important; text-align: center; } /* Etiqueta superior */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__etiqueta { display: inline-block; margin: 0 0 15px !important; padding: 8px 18px !important; border: 0 !important; border-radius: 50px !important; background: #FBE8F2 !important; color: #A63D79 !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO PRINCIPAL ========================================================= */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera h2 { max-width: 920px; margin: 0 auto 20px !important; padding: 0 !important; color: #3D333A !important; font-family: Poppins; font-size: 44 px; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -0.025em !important; text-transform: none !important; text-decoration: none !important; } /* Parte rosa del título */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera h2 span { color: #C65393 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } /* Texto de introducción */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera p { max-width: 800px; margin: 0 auto !important; padding: 0 !important; color: #6B5C64 !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.65 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= REJILLA ========================================================= */ html body .amaltea-contenido-servicio .amaltea-contenido-servicio__grid { position: relative; z-index: 2; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 24px !important; width: 100%; max-width: 1400px; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= TARJETAS ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card { grid-column: span 2; position: relative; display: flex !important; flex-direction: column !important; min-width: 0; min-height: 100%; margin: 0 !important; padding: 30px !important; border: 1px solid #F1D7E5 !important; border-radius: 22px !important; background: #FFFFFF !important; color: #3D333A !important; box-shadow: 0 14px 34px rgba(115, 44, 84, 0.07) !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } /* Centrado de las dos últimas tarjetas */ html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(4) { grid-column: 2 / span 2; } html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(5) { grid-column: 4 / span 2; } /* Hover */ html body .amaltea-contenido-servicio .amaltea-servicio-card:hover { transform: translateY(-7px); border-color: rgba(198, 83, 147, 0.45) !important; box-shadow: 0 22px 45px rgba(115, 44, 84, 0.13) !important; } /* Tarjeta destacada */ html body .amaltea-contenido-servicio .amaltea-servicio-card--destacada { background: linear-gradient( 180deg, #FFFFFF 0%, #FFF7FB 100% ) !important; border-color: rgba(198, 83, 147, 0.34) !important; } /* ========================================================= CABECERA DE CADA TARJETA ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__cabecera { display: flex !important; align-items: center !important; gap: 18px !important; margin: 0 0 24px !important; padding: 0 !important; } /* Evita que el DIV interior reciba márgenes raros */ html body .amaltea-contenido-servicio .amaltea-servicio-card__cabecera > div { margin-top: 0; margin-bottom: 0; } /* ========================================================= ICONOS ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__icono { display: flex !important; flex: 0 0 58px; align-items: center !important; justify-content: center !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 17px !important; background: linear-gradient( 135deg, #C65393 0%, #EC94C4 100% ) !important; box-shadow: 0 11px 23px rgba(198, 83, 147, 0.24) !important; } /* SVG */ html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg { display: block !important; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* Blindaje interno del SVG */ html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg path, html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg circle, html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg rect, html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg line, html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg polyline, html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg polygon { fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= NÚMERO Actualmente no aparece en tu HTML, pero lo dejamos preparado por si se utiliza. ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__numero { display: block; margin: 0 0 4px !important; padding: 0 !important; color: #C65393 !important; font-family: inherit !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.08em !important; text-transform: none !important; } /* ========================================================= TÍTULOS DE TARJETAS ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card h3 { margin: 0 !important; padding: 0 !important; color: #3D333A !important; font-family: Poppins; font-size: 25px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: -0.015em !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= LISTA ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__lista { display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* Elementos de lista */ html body .amaltea-contenido-servicio .amaltea-servicio-card__lista li { position: relative; display: block !important; margin: 0 !important; padding: 0 0 0 28px !important; color: #6B5C64 !important; font-family: inherit !important; font-size: 16px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; list-style: none !important; } /* ========================================================= CHECK ROSA DE CADA ELEMENTO ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__lista li::before { content: ""; position: absolute; top: 7px; left: 2px; width: 12px; height: 7px; border: 0; border-left: 2px solid #C65393; border-bottom: 2px solid #C65393; transform: rotate(-45deg); } /* ========================================================= CURSIVA ========================================================= */ html body .amaltea-contenido-servicio .amaltea-servicio-card__lista em { color: #3D333A !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; font-style: italic !important; text-transform: none !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-contenido-servicio { padding: 75px 22px; } html body .amaltea-contenido-servicio .amaltea-contenido-servicio__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 950px; } html body .amaltea-contenido-servicio .amaltea-servicio-card, html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(4), html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(5) { grid-column: auto !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card:last-child { grid-column: 1 / -1 !important; width: 100% !important; max-width: calc(50% - 12px) !important; justify-self: center !important; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-contenido-servicio { padding: 58px 16px; } html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera { margin-bottom: 32px !important; text-align: left; } html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera h2 { margin-bottom: 17px !important; font-size: 34px !important; line-height: 1.12 !important; } html body .amaltea-contenido-servicio .amaltea-contenido-servicio__cabecera p { font-size: 16px !important; line-height: 1.55 !important; } html body .amaltea-contenido-servicio .amaltea-contenido-servicio__grid { grid-template-columns: 1fr !important; gap: 17px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card, html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(4), html body .amaltea-contenido-servicio .amaltea-servicio-card:nth-child(5), html body .amaltea-contenido-servicio .amaltea-servicio-card:last-child { grid-column: auto !important; width: 100% !important; max-width: none !important; padding: 24px 20px !important; border-radius: 19px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card__cabecera { gap: 15px !important; margin-bottom: 20px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card__icono { flex-basis: 52px; width: 52px !important; height: 52px !important; border-radius: 15px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card__icono svg { width: 27px !important; height: 27px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card h3 { font-size: 22px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card__lista { gap: 10px !important; } html body .amaltea-contenido-servicio .amaltea-servicio-card__lista li { font-size: 15px !important; line-height: 1.5 !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5b83bd3 *//* ========================================================= AMALTEA - CTA FINAL CSS COMPLETO + BLINDAJE WORDPRESS / ELEMENTOR ========================================================= */ .amaltea-cta-final { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DF79B1; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A63D79; --amaltea-rosa-claro: #FBE8F2; --amaltea-rosa-muy-claro: #FFF7FB; --amaltea-blanco: #FFFFFF; --amaltea-texto: #3D333A; --amaltea-texto-suave: #6B5C64; position: relative; width: 100%; padding: 60px 24px; margin: 0; overflow: hidden; box-sizing: border-box; font-synthesis: none; background: radial-gradient( circle at 12% 18%, rgba(255, 255, 255, 0.16), transparent 22% ), radial-gradient( circle at 88% 82%, rgba(166, 61, 121, 0.12), transparent 24% ), linear-gradient( 135deg, #EC94C4 0%, #DF79B1 55%, #C65393 120% ); } /* ========================================================= BLINDAJE GENERAL ========================================================= */ .amaltea-cta-final, .amaltea-cta-final *, .amaltea-cta-final *::before, .amaltea-cta-final *::after { box-sizing: border-box; } /* Mantener la fuente heredada de la web */ .amaltea-cta-final h2, .amaltea-cta-final p, .amaltea-cta-final span, .amaltea-cta-final a, .amaltea-cta-final strong { font-family: Poppins; } /* ========================================================= ELEMENTOS DECORATIVOS ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__decoracion { position: absolute; border-radius: 50%; pointer-events: none; } html body .amaltea-cta-final .amaltea-cta-final__decoracion--uno { top: -120px; left: -100px; width: 260px; height: 260px; border: 40px solid rgba(255, 255, 255, 0.07) !important; background: transparent !important; } html body .amaltea-cta-final .amaltea-cta-final__decoracion--dos { right: -100px; bottom: -130px; width: 280px; height: 280px; border: 0 !important; background: rgba(255, 255, 255, 0.05) !important; } /* ========================================================= CONTENEDOR ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__contenedor { position: relative; z-index: 2; width: 100%; max-width: 1120px; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= TARJETA PRINCIPAL ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__tarjeta { position: relative; width: 100%; margin: 0 !important; padding: 38px 42px 28px !important; border: 1px solid rgba(255, 255, 255, 0.65) !important; border-radius: 26px !important; background: rgba(255, 255, 255, 0.97) !important; box-shadow: 0 20px 48px rgba(108, 39, 79, 0.18) !important; text-align: center; } /* ========================================================= ICONO PRINCIPAL ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__icono { display: flex !important; align-items: center !important; justify-content: center !important; width: 56px !important; height: 56px !important; margin: 0 auto 14px !important; padding: 0 !important; border: 0 !important; border-radius: 16px !important; background: linear-gradient( 135deg, #C65393 0%, #EC94C4 100% ) !important; box-shadow: 0 10px 20px rgba(198, 83, 147, 0.24) !important; } html body .amaltea-cta-final .amaltea-cta-final__icono svg { display: block !important; width: 28px !important; height: 28px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* Blindaje de elementos internos del SVG */ html body .amaltea-cta-final .amaltea-cta-final__icono svg path, html body .amaltea-cta-final .amaltea-cta-final__icono svg rect, html body .amaltea-cta-final .amaltea-cta-final__icono svg circle, html body .amaltea-cta-final .amaltea-cta-final__icono svg line, html body .amaltea-cta-final .amaltea-cta-final__icono svg polyline, html body .amaltea-cta-final .amaltea-cta-final__icono svg polygon { fill: none !important; stroke: #FFFFFF !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= ETIQUETA ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__etiqueta { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 0 14px !important; padding: 8px 16px !important; border: 1px solid rgba(198, 83, 147, 0.18) !important; border-radius: 999px !important; background: #FBE8F2 !important; color: #A63D79 !important; font-family: Poppins; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__tarjeta h2 { max-width: 860px; margin: 0 auto 18px !important; padding: 0 !important; color: #3D333A !important; font-family: Poppins; font-size: 44px; line-height: 1.08 !important; font-weight: 600 !important; letter-spacing: -0.03em !important; text-transform: none !important; text-decoration: none !important; } /* Parte rosa del título */ html body .amaltea-cta-final .amaltea-cta-final__tarjeta h2 span { color: #C65393 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } /* ========================================================= TEXTO ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__texto { max-width: 760px; margin: 0 auto !important; padding: 0 !important; } html body .amaltea-cta-final .amaltea-cta-final__texto p { margin: 0 0 10px !important; padding: 0 !important; color: #6B5C64 !important; font-family: inherit !important; font-size: 16px !important; line-height: 1.55 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } html body .amaltea-cta-final .amaltea-cta-final__texto p:last-child { margin-bottom: 0 !important; } /* Negrita */ html body .amaltea-cta-final .amaltea-cta-final__texto strong { color: #A63D79 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: 800 !important; letter-spacing: inherit !important; text-transform: none !important; } /* ========================================================= ACCIONES ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__acciones { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 12px !important; max-width: 940px; margin: 26px auto 0 !important; padding: 0 !important; } /* ========================================================= BOTÓN GENERAL MUY IMPORTANTE: blindado contra estilos globales de enlaces ========================================================= */ html body .amaltea-cta-final a.amaltea-cta-final__boton { -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 48px !important; margin: 0 !important; padding: 13px 20px !important; border: 2px solid transparent !important; border-radius: 10px !important; font-family: inherit !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: normal !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease; } /* ========================================================= BOTÓN PRINCIPAL Por si lo utilizas en otro momento ========================================================= */ html body .amaltea-cta-final a.amaltea-cta-final__boton--principal { background: #C65393 !important; border-color: #C65393 !important; color: #FFFFFF !important; box-shadow: 0 10px 20px rgba(198, 83, 147, 0.22) !important; } html body .amaltea-cta-final a.amaltea-cta-final__boton--principal:hover { transform: translateY(-2px); background: #A63D79 !important; border-color: #A63D79 !important; color: #FFFFFF !important; } /* ========================================================= BOTÓN SECUNDARIO ========================================================= */ html body .amaltea-cta-final a.amaltea-cta-final__boton--secundario { background: #FFFFFF !important; border-color: #C65393 !important; color: #A63D79 !important; box-shadow: none !important; } html body .amaltea-cta-final a.amaltea-cta-final__boton--secundario:hover { transform: translateY(-2px); background: #FFF7FB !important; border-color: #C65393 !important; color: #A63D79 !important; } /* ========================================================= BOTÓN ALTERNATIVO ESTE ES EL QUE UTILIZA TU HTML ACTUAL ========================================================= */ html body .amaltea-cta-final a.amaltea-cta-final__boton--alternativo { background: #FBE8F2 !important; border-color: #FBE8F2 !important; color: #A63D79 !important; box-shadow: none !important; } html body .amaltea-cta-final a.amaltea-cta-final__boton--alternativo:hover { transform: translateY(-2px); background: #F8D9E9 !important; border-color: #F8D9E9 !important; color: #A63D79 !important; } /* Evita cambios de color por enlace visitado */ html body .amaltea-cta-final a.amaltea-cta-final__boton--alternativo:visited { color: #A63D79 !important; } /* Focus */ html body .amaltea-cta-final a.amaltea-cta-final__boton:focus-visible { outline: 3px solid rgba(166, 61, 121, 0.28) !important; outline-offset: 3px !important; } /* ========================================================= GARANTÍAS ========================================================= */ html body .amaltea-cta-final .amaltea-cta-final__garantias { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 14px 26px !important; margin: 22px 0 0 !important; padding: 18px 0 0 !important; border: 0 !important; border-top: 1px solid rgba(198, 83, 147, 0.14) !important; } /* Textos de garantías */ html body .amaltea-cta-final .amaltea-cta-final__garantias span { display: inline-flex !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; color: #6B5C64 !important; font-family: inherit !important; font-size: 13px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* SVG de los checks */ html body .amaltea-cta-final .amaltea-cta-final__garantias svg { display: block !important; flex: 0 0 16px; width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important; fill: none !important; stroke: #C65393 !important; stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } html body .amaltea-cta-final .amaltea-cta-final__garantias svg path { fill: none !important; stroke: #C65393 !important; stroke-width: 2.2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-cta-final { padding: 50px 20px; } html body .amaltea-cta-final .amaltea-cta-final__tarjeta { padding: 32px 28px 24px !important; } html body .amaltea-cta-final .amaltea-cta-final__tarjeta h2 { font-size: 42px !important; } html body .amaltea-cta-final a.amaltea-cta-final__boton { flex: 1 1 calc(50% - 12px); } html body .amaltea-cta-final a.amaltea-cta-final__boton--alternativo { flex-basis: 100%; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-cta-final { padding: 42px 16px; } html body .amaltea-cta-final .amaltea-cta-final__tarjeta { padding: 28px 18px 22px !important; border-radius: 20px !important; text-align: left; } html body .amaltea-cta-final .amaltea-cta-final__icono { width: 50px !important; height: 50px !important; margin: 0 0 14px !important; border-radius: 15px !important; } html body .amaltea-cta-final .amaltea-cta-final__icono svg { width: 24px !important; height: 24px !important; } html body .amaltea-cta-final .amaltea-cta-final__etiqueta { justify-content: flex-start !important; font-size: 11px !important; line-height: 1.3 !important; } html body .amaltea-cta-final .amaltea-cta-final__tarjeta h2 { margin-bottom: 16px !important; font-size: 30px !important; line-height: 1.1 !important; } html body .amaltea-cta-final .amaltea-cta-final__texto p { font-size: 15px !important; line-height: 1.5 !important; } html body .amaltea-cta-final .amaltea-cta-final__acciones { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; margin-top: 22px !important; } html body .amaltea-cta-final a.amaltea-cta-final__boton, html body .amaltea-cta-final a.amaltea-cta-final__boton--alternativo { flex: none !important; width: 100% !important; min-width: 0 !important; min-height: 46px !important; padding: 12px 16px !important; } html body .amaltea-cta-final .amaltea-cta-final__garantias { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; margin-top: 20px !important; padding-top: 18px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c6ff27e *//* ========================================================= AMALTEA - PREGUNTAS FRECUENTES CSS COMPLETO + BLINDAJE WORDPRESS / ELEMENTOR ========================================================= */ .amaltea-faqs { --amaltea-rosa: #EC94C4; --amaltea-rosa-medio: #DD78B0; --amaltea-rosa-oscuro: #C65393; --amaltea-rosa-profundo: #A83E7B; --amaltea-rosa-claro: #FBEAF4; --amaltea-fondo: #FDF4F9; --amaltea-texto: #3D3038; --amaltea-blanco: #FFFFFF; position: relative; width: 100%; overflow: hidden; padding: 90px 24px; margin: 0; box-sizing: border-box; font-synthesis: none; background: linear-gradient( rgba(236, 148, 196, 0.88), rgba(236, 148, 196, 0.88) ), url("URL-DE-TU-IMAGEN") center center / cover no-repeat; } /* ========================================================= BLINDAJE GENERAL ========================================================= */ .amaltea-faqs, .amaltea-faqs *, .amaltea-faqs *::before, .amaltea-faqs *::after { box-sizing: border-box; } /* Mantener tipografía de la web */ .amaltea-faqs h2, .amaltea-faqs p, .amaltea-faqs span, .amaltea-faqs button, .amaltea-faqs a { font-family: Poppins; } /* ========================================================= OVERLAY ========================================================= */ html body .amaltea-faqs .amaltea-faqs__overlay { position: absolute; inset: 0; margin: 0 !important; padding: 0 !important; background: radial-gradient( circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 28% ), radial-gradient( circle at 90% 90%, rgba(168, 62, 123, 0.15), transparent 32% ) !important; pointer-events: none; } /* ========================================================= CONTENEDOR ========================================================= */ html body .amaltea-faqs .amaltea-faqs__contenedor { position: relative; z-index: 2; width: 100%; max-width: 1050px; margin: 0 auto !important; padding: 0 !important; } /* ========================================================= CABECERA ========================================================= */ html body .amaltea-faqs .amaltea-faqs__cabecera { max-width: 850px; margin: 0 auto 40px !important; padding: 0 !important; text-align: center; } /* Etiqueta */ html body .amaltea-faqs .amaltea-faqs__etiqueta { display: inline-block; margin: 0 0 14px !important; padding: 8px 18px !important; border: 0 !important; border-radius: 50px !important; background: rgba(255, 255, 255, 0.20) !important; color: #FFFFFF !important; font-family: Poppins; font-size: 13px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-decoration: none !important; } /* ========================================================= TÍTULO ========================================================= */ html body .amaltea-faqs .amaltea-faqs__cabecera h2 { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; font-family: Poppins; font-size: 44px; line-height: 1.1 !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* Parte rosa oscura del título */ html body .amaltea-faqs .amaltea-faqs__cabecera h2 span { color: #A83E7B !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important; } /* Texto introductorio */ html body .amaltea-faqs .amaltea-faqs__cabecera p { max-width: 720px; margin: 18px auto 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.95) !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.6 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= LISTA DE FAQs ========================================================= */ html body .amaltea-faqs .amaltea-faqs__lista { display: flex !important; flex-direction: column !important; gap: 13px !important; width: 100%; margin: 0 !important; padding: 0 !important; } /* ========================================================= FAQ INDIVIDUAL ========================================================= */ html body .amaltea-faqs .amaltea-faq { overflow: hidden; width: 100%; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.40) !important; border-radius: 13px !important; background: rgba(255, 255, 255, 0.92) !important; box-shadow: 0 8px 24px rgba(115, 44, 84, 0.08) !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } /* Hover */ html body .amaltea-faqs .amaltea-faq:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(115, 44, 84, 0.14) !important; } /* Abierto */ html body .amaltea-faqs .amaltea-faq.active { border-color: rgba(198, 83, 147, 0.28) !important; box-shadow: 0 14px 34px rgba(115, 44, 84, 0.16) !important; } /* ========================================================= BOTÓN DE PREGUNTA IMPORTANTE: BLINDADO CONTRA ESTILOS DE BUTTON DEL TEMA ========================================================= */ html body .amaltea-faqs button.amaltea-faq__pregunta { -webkit-appearance: none !important; appearance: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 22px 25px !important; border: 0 !important; border-radius: 0 !important; outline: none; background: transparent !important; color: #3D3038 !important; font-family: inherit !important; font-size: 17px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: normal !important; text-align: left !important; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; cursor: pointer !important; } /* Evitar que el span de la pregunta cambie */ html body .amaltea-faqs button.amaltea-faq__pregunta > span:first-child { flex: 1; margin: 0 !important; padding: 0 !important; color: inherit !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; text-transform: none !important; } /* Pregunta abierta */ html body .amaltea-faqs .amaltea-faq.active button.amaltea-faq__pregunta { background: transparent !important; color: #A83E7B !important; box-shadow: none !important; } /* El hover del tema no debe cambiar el fondo */ html body .amaltea-faqs button.amaltea-faq__pregunta:hover { background: transparent !important; color: #3D3038 !important; box-shadow: none !important; } html body .amaltea-faqs .amaltea-faq.active button.amaltea-faq__pregunta:hover { color: #A83E7B !important; } /* Focus accesible */ html body .amaltea-faqs button.amaltea-faq__pregunta:focus-visible { outline: 3px solid rgba(168, 62, 123, 0.22) !important; outline-offset: -3px !important; } /* ========================================================= ICONO + / - ========================================================= */ html body .amaltea-faqs .amaltea-faq__icono { position: relative; display: block !important; flex: 0 0 32px; width: 32px !important; height: 32px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: #FBEAF4 !important; transition: background 0.25s ease, transform 0.25s ease; } html body .amaltea-faqs .amaltea-faq__icono::before, html body .amaltea-faqs .amaltea-faq__icono::after { content: ""; position: absolute; top: 50%; left: 50%; width: 13px; height: 2px; border: 0; border-radius: 10px; background: #C65393; transform: translate(-50%, -50%); transition: transform 0.25s ease, background 0.25s ease; } html body .amaltea-faqs .amaltea-faq__icono::after { transform: translate(-50%, -50%) rotate(90deg); } /* Icono cuando está abierto */ html body .amaltea-faqs .amaltea-faq.active .amaltea-faq__icono { background: #EC94C4 !important; transform: rotate(180deg); } html body .amaltea-faqs .amaltea-faq.active .amaltea-faq__icono::before, html body .amaltea-faqs .amaltea-faq.active .amaltea-faq__icono::after { background: #FFFFFF; } html body .amaltea-faqs .amaltea-faq.active .amaltea-faq__icono::after { transform: translate(-50%, -50%) rotate(0deg); } /* ========================================================= RESPUESTA ANIMADA ========================================================= */ html body .amaltea-faqs .amaltea-faq__respuesta { display: grid !important; grid-template-rows: 0fr; margin: 0 !important; padding: 0 !important; opacity: 0; transition: grid-template-rows 0.32s ease, opacity 0.25s ease; } html body .amaltea-faqs .amaltea-faq__respuesta > div { overflow: hidden; margin: 0 !important; padding: 0 !important; } html body .amaltea-faqs .amaltea-faq.active .amaltea-faq__respuesta { grid-template-rows: 1fr; opacity: 1; } /* Texto de respuesta */ html body .amaltea-faqs .amaltea-faq__respuesta p { margin: 0 !important; padding: 0 25px 24px !important; color: #3D3038 !important; font-family: inherit !important; font-size: 16px !important; line-height: 1.65 !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important; text-decoration: none !important; } /* ========================================================= CTA INFERIOR ========================================================= */ html body .amaltea-faqs .amaltea-faqs__cta { margin: 36px 0 0 !important; padding: 0 !important; text-align: center; } html body .amaltea-faqs .amaltea-faqs__cta p { margin: 0 0 18px !important; padding: 0 !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; } /* ========================================================= BOTÓN CTA BLINDADO CONTRA ESTILOS GLOBALES DE ENLACES ========================================================= */ html body .amaltea-faqs a.amaltea-faqs__boton { -webkit-appearance: none !important; appearance: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; margin: 0 !important; padding: 13px 28px !important; border: 0 !important; border-radius: 50px !important; background: #A83E7B !important; color: #FFFFFF !important; font-family: inherit !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: normal !important; text-align: center !important; text-transform: none !important; text-decoration: none !important; box-shadow: 0 10px 24px rgba(115, 44, 84, 0.20) !important; cursor: pointer !important; transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; } /* Visitado */ html body .amaltea-faqs a.amaltea-faqs__boton:visited { background: #A83E7B !important; color: #FFFFFF !important; } /* Hover */ html body .amaltea-faqs a.amaltea-faqs__boton:hover { background: #FFFFFF !important; color: #A83E7B !important; transform: translateY(-3px); text-decoration: none !important; } /* Focus */ html body .amaltea-faqs a.amaltea-faqs__boton:focus-visible { outline: 3px solid rgba(255, 255, 255, 0.55) !important; outline-offset: 4px !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .amaltea-faqs { padding: 75px 22px; } html body .amaltea-faqs .amaltea-faqs__contenedor { max-width: 900px; } } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px) { .amaltea-faqs { padding: 58px 16px; } html body .amaltea-faqs .amaltea-faqs__cabecera { margin-bottom: 30px !important; text-align: left; } html body .amaltea-faqs .amaltea-faqs__cabecera h2 { font-size: 34px !important; } html body .amaltea-faqs .amaltea-faqs__cabecera p { font-size: 16px !important; } html body .amaltea-faqs button.amaltea-faq__pregunta { gap: 14px !important; padding: 19px 18px !important; font-size: 15px !important; } html body .amaltea-faqs .amaltea-faq__icono { flex-basis: 28px; width: 28px !important; height: 28px !important; } html body .amaltea-faqs .amaltea-faq__respuesta p { padding: 0 18px 20px !important; font-size: 15px !important; } html body .amaltea-faqs .amaltea-faqs__cta { text-align: left; } html body .amaltea-faqs a.amaltea-faqs__boton { width: 100% !important; } }/* End custom CSS */