[mphb-divi-booking-confirmation _builder_version=”4.27.4″ _module_preset=”default” module_font_size=”20px” hover_enabled=”0″ custom_css_free_form=”/* Contenedor principal */||.et_pb_module.mphb-divi-booking-confirmation {|| || max-width: 1300px;|| margin: 40px auto;|| padding: 30px 40px; /* Más espacio a los lados */|| background-color: #ffffff;|| border-radius: 12px;|| box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);|| color: #2c3e50;||}||||/* Encabezados de sección */||.mphb-booking-details-title {|| font-size: 24px;|| font-weight: bold;|| color: #0056b3;|| margin-bottom: 25px;||}||||/* Mensaje de confirmación */||.mphb-payment-messages p {|| font-size: 20px;|| font-weight: 500;|| color: #007bff;|| text-align: center;|| padding:10px;|| margin-bottom: 30px;|| background-color: #e8f3ff;|| border-radius: 10px;||}||||/* Lista de detalles */||.mphb-booking-details {|| list-style: none;|| margin: 30px 0;||}||||.mphb-booking-details li {|| display: flex;|| flex-wrap: wrap;|| justify-content: space-between;|| padding: 20px 30px; /* Espaciado interno más amplio */|| background-color: #f9f9f9;|| border-radius: 10px;|| margin-bottom: 15px; /* Separación entre campos */|| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);||}||||/* Espaciado adicional para títulos y valores */||.mphb-booking-details .label {|| font-weight: bold;|| color: #333;|| font-size: 15px;|| padding-left:20px;|| flex: 1;|| margin-right: 15px; /* Espacio entre título y valor */||}||||.mphb-booking-details .value {|| font-size: 15px;|| color: #0056b3;|| font-weight: bold;|| text-align: right;|| padding-right:20px;|| flex: 1;|| margin-left: 15px; /* Espacio entre valor y borde */||}||||/* Sección de alojamiento */||.accommodations {|| margin-top: 25px;|| font-size: 16px;|| color: #2c3e50;||}||||.accommodations-title {|| font-weight: bold;|| color: #555;|| display: block;|| margin-bottom: 10px;||}||||.accommodations-list a {|| color: #007bff;|| text-decoration: none;|| font-weight: bold;||}||||.accommodations-list a:hover {|| text-decoration: underline;||}||||/* Detalles de pago */||.mphb-booking-details-section.payment {|| margin-top: 30px;||}||||/* Precio */||.mphb-price {|| font-size: 18px;|| font-weight: bold;|| color: #007bff;||}||||/* Botón de acción */||.mphb-payment-instructions p {|| text-align: center;|| margin-top: 30px;||}||||.mphb-payment-instructions p a {|| display: inline-block;|| padding: 15px 30px;|| background-color: #007bff;|| color: #ffffff;|| font-size: 16px;|| font-weight: bold;|| text-transform: uppercase;|| text-decoration: none;|| border-radius: 12px;|| transition: all 0.3s ease;|| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);||}||||.mphb-payment-instructions p a:hover {|| background-color: #0056b3;|| transform: scale(1.05);|| box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);||}||||/* Indicadores de estado */||.mphb-booking-details .booking-status .value {|| font-size: 16px;|| font-weight: bold;|| color: #ffb506;||}||||.mphb-booking-details .booking-status .value%91data-status=%22paid%22%93 {|| color: #28a745;||}||||.mphb-booking-details .booking-status .value%91data-status=%22pending%22%93 {|| color: #dc3545;||}||||/* Espaciado entre bloques */||.mphb-booking-details li:not(:last-child) {|| margin-bottom: 20px;||}||||||||/* Responsivo para pantallas pequeñas */||@media (max-width: 768px) {|| .mphb-booking-details li {|| flex-direction: column;|| align-items: flex-start;|| }|||| .mphb-booking-details .value {|| margin-top: 10px;|| text-align:left;|| }|||| .et_pb_module.mphb-divi-booking-confirmation {|| padding: 20px;|| }||}||” global_colors_info=”{}” sticky_enabled=”0″][/mphb-divi-booking-confirmation]